Remove lodash.uniqueId

src/package/components/Button.svelte

@@ -14,7 +14,7 @@
     export let value = ''
 
     export let size: 'sm' | 'md' | 'lg' = 'md'
-    export let color: 'raised' | 'primary' | 'primary-light' | 'danger'| 'danger-light' | 'transparent'
+    export let color: '' | 'raised' | 'primary' | 'primary-light' | 'danger'| 'danger-light' | 'transparent' = ''
 
     /** Show notification badge in the upper right of button */
     export let badge = false

src/package/components/Checkbox.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from '../utils/uniqueId'
     import IconCheck from 'virtual:icons/heroicons-outline/check'
 
     export let checked = false;

src/package/components/FormField.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from '../utils/uniqueId'
 
     export let required = false;
     export let label: string;

src/package/utils/uniqueId.ts

@@ -0,0 +1,6 @@
+let idCounter = 0;
+
+export function uniqueId(prefix = ''): string {
+    const id = ++idCounter;
+    return prefix + id;
+}

src/routes/_internal/components/Example.svelte

@@ -39,6 +39,7 @@
             position: relative;
             justify-content: flex-start;
             z-index: 1;
+            padding: 16px;
         }
 
         &__source {

src/routes/components/CheckboxVirtualList.md

@@ -2,7 +2,7 @@
 <script lang="ts">
     import { CheckboxVirtualList } from "omorphia";
     import IconStar from 'virtual:icons/heroicons-outline/star'
-    import uniqueId from 'lodash.uniqueid'
+    import { uniqueId } from 'omorphia/utils/uniqueId'
     
     let options = Array(100).fill({})
         .map(option => ({