-
-
-
-
-
- Restart
- View more info
-
-
- Delete
-
-
-
-
-
diff --git a/packages/storybook/src/stories/docs/introduction.mdx b/packages/storybook/src/stories/docs/introduction.mdx
deleted file mode 100644
index c498324a5..000000000
--- a/packages/storybook/src/stories/docs/introduction.mdx
+++ /dev/null
@@ -1,7 +0,0 @@
-import { Meta } from '@storybook/addon-docs';
-import { Markdown } from '@storybook/blocks';
-import Readme from '../../../../../README.md?raw';
-
-
-
-{Readme}
diff --git a/packages/storybook/src/stories/icon-button.mdx b/packages/storybook/src/stories/icon-button.mdx
deleted file mode 100644
index e358507f4..000000000
--- a/packages/storybook/src/stories/icon-button.mdx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as IconButtonStories from './icon-button.stories.svelte';
-
-
-
-# IconButton
-
-Similar to a button but only an icon is visible.
-
-```ts
-import { IconButton } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/icon-button.stories.svelte b/packages/storybook/src/stories/icon-button.stories.svelte
deleted file mode 100644
index 7ac01f9e6..000000000
--- a/packages/storybook/src/stories/icon-button.stories.svelte
+++ /dev/null
@@ -1,45 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/icon.mdx b/packages/storybook/src/stories/icon.mdx
deleted file mode 100644
index 5f54108f3..000000000
--- a/packages/storybook/src/stories/icon.mdx
+++ /dev/null
@@ -1,24 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as IconStories from './icon.stories.svelte';
-
-
-
-# Icon
-
-Little pretty pictures.
-
-```ts
-import { Icon } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/icon.stories.svelte b/packages/storybook/src/stories/icon.stories.svelte
deleted file mode 100644
index 42ac44e96..000000000
--- a/packages/storybook/src/stories/icon.stories.svelte
+++ /dev/null
@@ -1,42 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {#each pathsKeys as name}
-
-
-
- {name}
-
-
- {/each}
-
-
diff --git a/packages/storybook/src/stories/input.mdx b/packages/storybook/src/stories/input.mdx
deleted file mode 100644
index d7ef7707c..000000000
--- a/packages/storybook/src/stories/input.mdx
+++ /dev/null
@@ -1,88 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as InputStories from './input.stories.svelte';
-
-
-
-# Input
-
-A simple user input. We use this input to build all of the other input types.
-This is ideal for text, email, and password fields.
-
-```ts
-import { Input } from '@viamrobotics/prime-core';
-```
-
-
-
-## Labels
-
-For accessibility, consider wrapping your `` in a ``. Make
-to pass it `slot="input"` to correctly slot it in.
-
-```ts
-import { Input } from '@viamrobotics/prime-core';
-```
-
-
-
-# Restricted Text Input
-
-An opinionated input for text values that only allows specified regex. The allowed characters are specified by the `restrictInput` function.
-
-```ts
-import { RestrictedTextInput } from '@viamrobotics/prime-core';
-
-const restrictInput = (inputValue: string) =>
- inputValue.replaceAll(/[^a-zA-Z0-9]/gu, '');
-```
-
-
-
-# Numeric Input
-
-A user input for numeric values. This is ideal for number and integer fields.
-The value can be incremented/decremented using the up/down arrow keys.
-
-```ts
-import { NumericInput } from '@viamrobotics/prime-core';
-```
-
-
-
-# Slider Input
-
-A user input for numeric values that allows easy adjustments with a slider.
-This is ideal for number and integer fields you expect the user to tweak often,
-and the value can be incremented/decremented using the up/down arrow keys.
-
-```ts
-import { SliderInput } from '@viamrobotics/prime-core';
-```
-
-
-
-# Range Input
-
-A user input for numeric values within a specified range that allows easy
-adjustments with a slider. This is ideal for number and integer fields you
-expect the user to tweak often, should be restricted between a min and max
-value, and the value can be incremented/decremented using the up/down arrow
-keys. It also includes a numeric input for direct inputs.
-
-```ts
-import { RangeInput } from '@viamrobotics/prime-core';
-```
-
-
diff --git a/packages/storybook/src/stories/input.stories.svelte b/packages/storybook/src/stories/input.stories.svelte
deleted file mode 100644
index b76fe5de7..000000000
--- a/packages/storybook/src/stories/input.stories.svelte
+++ /dev/null
@@ -1,63 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/label.mdx b/packages/storybook/src/stories/label.mdx
deleted file mode 100644
index ad42bce85..000000000
--- a/packages/storybook/src/stories/label.mdx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as LabelStories from './label.stories.svelte';
-
-
-
-# Label
-
-For labelling inputs.
-
-```ts
-import { Label } from '@viamrobotics/prime-core';
-```
-
-
-
-TODO(ethanlook): add other input types here!
diff --git a/packages/storybook/src/stories/label.stories.svelte b/packages/storybook/src/stories/label.stories.svelte
deleted file mode 100644
index fced151d9..000000000
--- a/packages/storybook/src/stories/label.stories.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/modal.mdx b/packages/storybook/src/stories/modal.mdx
deleted file mode 100644
index 3224e7ac1..000000000
--- a/packages/storybook/src/stories/modal.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as ModalStories from './modal.stories.svelte';
-
-
-
-# Modal
-
-Creates a modal overlay
-
-```ts
-import { Modal } from '@viamrobotics/prime-core';
-```
-
-
-
-
diff --git a/packages/storybook/src/stories/modal.stories.svelte b/packages/storybook/src/stories/modal.stories.svelte
deleted file mode 100644
index dc67dbd28..000000000
--- a/packages/storybook/src/stories/modal.stories.svelte
+++ /dev/null
@@ -1,67 +0,0 @@
-
-
-
-
-
-
-
- (smallModalOpen = false)}
- >
- Small modal title
- This is a small modal.
-
-
-
-
-
diff --git a/packages/storybook/src/stories/pill.mdx b/packages/storybook/src/stories/pill.mdx
deleted file mode 100644
index d6c6154b9..000000000
--- a/packages/storybook/src/stories/pill.mdx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as PillStories from './pill.stories.svelte';
-
-
-
-# Pill
-
-There are two types of pills, `default` (no icon) and `outlined` (icon).
-Either type can be removable or read-only.
-
-The `outlined` variant should be used to represent objects within Viam
-like components, services, machines, fragments, etc. The icon should be
-the appropriate icon for the object type and the text should be the
-user-defined name of the object (ie. the machine name, component name,
-etc).
-
-```ts
-import { Pill } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/pill.stories.svelte b/packages/storybook/src/stories/pill.stories.svelte
deleted file mode 100644
index 18c5ae946..000000000
--- a/packages/storybook/src/stories/pill.stories.svelte
+++ /dev/null
@@ -1,85 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/radio.mdx b/packages/storybook/src/stories/radio.mdx
deleted file mode 100644
index f536898a5..000000000
--- a/packages/storybook/src/stories/radio.mdx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as RadioStories from './radio.stories.svelte';
-
-
-
-# Radio
-
-A set of options where the user can select only one.
-
-```ts
-import { Radio } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/radio.stories.svelte b/packages/storybook/src/stories/radio.stories.svelte
deleted file mode 100644
index d05809487..000000000
--- a/packages/storybook/src/stories/radio.stories.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-
-
-
-
-
-
-
-
-
-
- Favorite animal
-
-
-
-
-
- Favorite animal
-
-
-
-
-
- Favorite animal
-
-
-
-
-
- Upload model
-
-
-
-
-
- Visibility
-
-
diff --git a/packages/storybook/src/stories/select.mdx b/packages/storybook/src/stories/select.mdx
deleted file mode 100644
index f474208c2..000000000
--- a/packages/storybook/src/stories/select.mdx
+++ /dev/null
@@ -1,45 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as SelectStories from './select.stories.svelte';
-
-
-
-# Select
-
-A simple user input for selecting from a list of options. This is an implementation
-of the native HTML `` with our styles applied.
-
-```ts
-import { Select } from '@viamrobotics/prime-core';
-```
-
-
-
-# Searchable Select
-
-A user input for selecting from a list of options that can be filtered via text search.
-
-```ts
-import { SearchableSelect } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-# Multiselect
-
-A user input for selecting multiple options from a list that can be filtered via text search.
-
-```ts
-import { Multiselect } from '@viamrobotics/prime-core';
-```
-
-
diff --git a/packages/storybook/src/stories/select.stories.svelte b/packages/storybook/src/stories/select.stories.svelte
deleted file mode 100644
index 9e56e8269..000000000
--- a/packages/storybook/src/stories/select.stories.svelte
+++ /dev/null
@@ -1,160 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/toast-banner.mdx b/packages/storybook/src/stories/toast-banner.mdx
deleted file mode 100644
index 0c60c0289..000000000
--- a/packages/storybook/src/stories/toast-banner.mdx
+++ /dev/null
@@ -1,38 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as ToastBannerStories from './toast-banner.stories.svelte';
-
-
-
-# ToastBanner
-
-You can specify a toast banner message of 5 types: success, info, warn, danger, and neutral.
-
-```ts
-import { ToastBanner } from '@viamrobotics/prime-core';
-```
-
-
-
-
-
-
-
-
-
-
-
-An option action can also be specified in the Toast.
-
-
diff --git a/packages/storybook/src/stories/toast-banner.stories.svelte b/packages/storybook/src/stories/toast-banner.stories.svelte
deleted file mode 100644
index 5346aab41..000000000
--- a/packages/storybook/src/stories/toast-banner.stories.svelte
+++ /dev/null
@@ -1,73 +0,0 @@
-
-
-
-
-
- {
- console.log('Clicked close button');
- }}
- />
-
-
-
- {
- console.log('Clicked close button');
- }}
- />
-
-
-
- {
- console.log('Clicked close button');
- }}
- />
-
-
-
- {
- console.log('Clicked close button');
- }}
- />
-
-
-
- {
- console.log('Clicked close button');
- }}
- />
-
-
-
- {
- console.log('Clicked close button');
- }}
- action={{
- text: 'Undo',
- handler: () => {
- console.log('Clicked action');
- },
- }}
- cx="max-w-[280px]"
- />
-
diff --git a/packages/storybook/src/stories/toggle-buttons.mdx b/packages/storybook/src/stories/toggle-buttons.mdx
deleted file mode 100644
index 1dc31c815..000000000
--- a/packages/storybook/src/stories/toggle-buttons.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as ToggleButtonsStories from './toggle-buttons.stories.svelte';
-
-
-
-# Toggle Buttons
-
-A set of options the user can toggle between.
-
-```ts
-import { ToggleButtons } from '@viamrobotics/prime-core';
-```
-
-
-
-
diff --git a/packages/storybook/src/stories/toggle-buttons.stories.svelte b/packages/storybook/src/stories/toggle-buttons.stories.svelte
deleted file mode 100644
index 1f0215822..000000000
--- a/packages/storybook/src/stories/toggle-buttons.stories.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/tooltip.mdx b/packages/storybook/src/stories/tooltip.mdx
deleted file mode 100644
index 0842d1a22..000000000
--- a/packages/storybook/src/stories/tooltip.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as TooltipStories from './tooltip.stories.svelte';
-
-
-
-# Tooltip
-
-For providing users additional context
-
-```ts
-import { Tooltip } from '@viamrobotics/prime-core';
-```
-
-
-
-
diff --git a/packages/storybook/src/stories/tooltip.stories.svelte b/packages/storybook/src/stories/tooltip.stories.svelte
deleted file mode 100644
index 0f41f08cc..000000000
--- a/packages/storybook/src/stories/tooltip.stories.svelte
+++ /dev/null
@@ -1,37 +0,0 @@
-
-
-
-
-
-
-
-
-
- This is some helpful but not critical information
-
-
-
-
-
-
-
-
-
-
More actions
-
-
-
diff --git a/packages/storybook/src/stories/unique-id.mdx b/packages/storybook/src/stories/unique-id.mdx
deleted file mode 100644
index 74ae8d27b..000000000
--- a/packages/storybook/src/stories/unique-id.mdx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as UniqueIdStories from './unique-id.stories.svelte';
-
-
-
-# uniqueId
-
-An API for unique IDs with an optional prefix.
-
-## Usage
-
-To create a unique ID, use the `uniqueId` function:
-
-```ts
-import { uniqueId } from '@viamrobotics/prime-core';
-
-const id = uniqueId('my-prefix');
-```
-
-
diff --git a/packages/storybook/src/stories/unique-id.stories.svelte b/packages/storybook/src/stories/unique-id.stories.svelte
deleted file mode 100644
index c544e4463..000000000
--- a/packages/storybook/src/stories/unique-id.stories.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-
-
-
-
-
-
-
- Club PRIME
-
-
-
-
-
-
- Bouncer
-
-
- Patron
-
-
- Patron
-
-
- Patron
-
-
-
-
diff --git a/packages/storybook/src/stories/use-notify.mdx b/packages/storybook/src/stories/use-notify.mdx
deleted file mode 100644
index c7a73af64..000000000
--- a/packages/storybook/src/stories/use-notify.mdx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as NotifyStories from './use-notify.stories.svelte';
-
-
-
-# useNotify
-
-Components and an API for pushing user notifications.
-
-## Setup
-
-To use notifications, provide the notify context somewhere high your component tree along with the `NotificationContainer` component.
-
-The root layout component is probably the best place to set up the context.
-
-```svelte
-
-
-
-
-
-
-
-
-
-```
-
-## Usage
-
-To send a notification, use the `useNotify` function:
-
-```ts
-import { useNotify } from '@viamrobotics/prime-core';
-
-const doSomethingCrazy = () => {
- const notify = useNotify();
-
- notify.info('Hello, Brooklyn!');
-};
-```
-
-There are four different levels of notification, each with a different styling.
-
-```ts
-import { useNotify } from '@viamrobotics/prime-core';
-
-const doSomethingCrazy = () => {
- const notify = useNotify();
-
- notify.info('Plain slice please!');
- notify.warn('Hello, Brooklyn!');
- notify.danger("I'm walkin' here!");
- notify.success('Fuhgeddaboudit!');
-};
-```
-
-```ts
-import { notify } from '@viamrobotics/prime-core';
-```
-
-
diff --git a/packages/storybook/src/stories/use-notify.stories.svelte b/packages/storybook/src/stories/use-notify.stories.svelte
deleted file mode 100644
index 943036733..000000000
--- a/packages/storybook/src/stories/use-notify.stories.svelte
+++ /dev/null
@@ -1,32 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/packages/storybook/src/stories/use-toast.mdx b/packages/storybook/src/stories/use-toast.mdx
deleted file mode 100644
index 6909d343f..000000000
--- a/packages/storybook/src/stories/use-toast.mdx
+++ /dev/null
@@ -1,65 +0,0 @@
-import { Canvas, Meta, Story } from '@storybook/addon-docs';
-import * as ToastStories from './use-toast.stories.svelte';
-
-
-
-# useToast
-
-Components and an API for displaying user toast messages.
-
-## Setup
-
-To use toasts, provide the toast context somewhere high your component tree along with the `ToastContainer` component.
-
-The root layout component is probably the best place to set up the context.
-
-```svelte
-
-
-
-
-
-
-
-
-
-```
-
-## Usage
-
-To display a toast, first provide access to the Toast context using `provideToast`. Then, you can use the `useToast` function:
-
-```ts
-import { provideToast } from '@viamrobotics/prime-core';
-
-const doSomethingCrazy = () => {
- const toast = provideToast();
-
- toast({ message: 'Hello, Brooklyn!', variant: ToastVariant.Success });
-};
-```
-
-If the variant is not specified, the default is "success".
-
-An action can also be specified in the params to `useToast`.
-
-```ts
-import { provideToast } from '@viamrobotics/prime-core';
-
-const doSomethingCrazy = () => {
- const toast = provideToast();
- const exampleHanderFunction = () => void;
-
- toast({ message: 'Plain slice please!' });
- toast({ message: 'Plain slice please!', action: { text: 'action', handler: exampleHandlerFunction } });
-};
-```
-
-
diff --git a/packages/storybook/src/stories/use-toast.stories.svelte b/packages/storybook/src/stories/use-toast.stories.svelte
deleted file mode 100644
index 8e09f149e..000000000
--- a/packages/storybook/src/stories/use-toast.stories.svelte
+++ /dev/null
@@ -1,142 +0,0 @@
-
-
-
-
-
-