@getmicdrop/svelte-components 2.0.10 → 2.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,13 +3,17 @@
3
3
  import SunIcon from './Icons/SunIcon.svelte';
4
4
  import MoonIcon from './Icons/MoonIcon.svelte';
5
5
 
6
+ // Optional props for layout control
7
+ export let isExpanded = false;
8
+ export let containerSelector = '.performer-portal'; // Can be '.micdrop', '.performer-portal', etc.
9
+
6
10
  // Theme mode: 'auto' | 'light' | 'dark'
7
11
  let themeMode = 'auto';
8
12
  let isDark = false; // Current display state (for applying classes)
9
13
 
10
- function setMicdropDarkClass(enable) {
11
- // In performers portal, we target .performer-portal and html
12
- const container = document.querySelector('.performer-portal');
14
+ function setMicdropDarkClass(enable: boolean) {
15
+ // Support both performers portal and micdrop frontend
16
+ const container = document.querySelector(containerSelector);
13
17
  if (enable) {
14
18
  if (container) container.classList.add('dark');
15
19
  document.documentElement.classList.add('dark');
@@ -59,7 +63,7 @@
59
63
  };
60
64
  });
61
65
 
62
- function toggleTheme(event) {
66
+ function toggleTheme(event: MouseEvent & { currentTarget: HTMLButtonElement }) {
63
67
  // Cycle: auto -> light -> dark -> auto
64
68
  if (themeMode === 'auto') {
65
69
  themeMode = 'light';
@@ -88,37 +92,54 @@
88
92
  : 'Dark mode - click for auto';
89
93
  </script>
90
94
 
91
- <button
92
- on:click={toggleTheme}
93
- on:touchend={(e) => e.currentTarget.blur()}
94
- class="theme-toggle-btn focus:outline-none"
95
- aria-label="Toggle theme"
96
- title={titleText}
95
+ <div
96
+ class="transition-all flex items-center justify-center"
97
+ class:w-full={isExpanded || !isExpanded}
98
+ class:flex-row={isExpanded}
99
+ class:flex-col={!isExpanded}
100
+ class:py-4={isExpanded || !isExpanded}
101
+ class:gap-3={isExpanded}
102
+ class:gap-4={!isExpanded}
97
103
  >
98
- <!-- Sun icon - shown when mode is 'light' -->
99
- <span class="theme-icon sun-icon" class:hidden={themeMode !== 'light'}>
100
- <SunIcon size="20" color="currentColor" />
101
- </span>
102
-
103
- <!-- Moon icon - shown when mode is 'dark' -->
104
- <span class="theme-icon moon-icon" class:hidden={themeMode !== 'dark'}>
105
- <MoonIcon size="20" color="currentColor" />
106
- </span>
107
-
108
- <!-- Auto icon container - shown when mode is 'auto' -->
109
- {#if themeMode === 'auto'}
110
- <div class="auto-icon-container">
111
- <!-- Light half (top-left) with sun -->
112
- <div class="auto-half auto-light-half">
113
- <SunIcon size="12" color="#f59e0b" />
114
- </div>
115
- <!-- Dark half (bottom-right) with moon -->
116
- <div class="auto-half auto-dark-half">
117
- <MoonIcon size="12" color="white" />
104
+ <button
105
+ on:click={toggleTheme}
106
+ on:touchend={(e) => e.currentTarget.blur()}
107
+ class="theme-toggle-btn focus:outline-none"
108
+ aria-label="Toggle theme"
109
+ title={titleText}
110
+ >
111
+ <!-- Sun icon - shown when mode is 'light' -->
112
+ <span class="theme-icon sun-icon" class:hidden={themeMode !== 'light'}>
113
+ <SunIcon size="20" color="currentColor" />
114
+ </span>
115
+
116
+ <!-- Moon icon - shown when mode is 'dark' -->
117
+ <span class="theme-icon moon-icon" class:hidden={themeMode !== 'dark'}>
118
+ <MoonIcon size="20" color="currentColor" />
119
+ </span>
120
+
121
+ <!-- Auto icon container - shown when mode is 'auto' -->
122
+ {#if themeMode === 'auto'}
123
+ <div class="auto-icon-container">
124
+ <!-- Light half (top-left) with sun -->
125
+ <div class="auto-half auto-light-half">
126
+ <SunIcon size="12" color="#f59e0b" />
127
+ </div>
128
+ <!-- Dark half (bottom-right) with moon -->
129
+ <div class="auto-half auto-dark-half">
130
+ <MoonIcon size="12" color="white" />
131
+ </div>
118
132
  </div>
119
- </div>
133
+ {/if}
134
+ </button>
135
+
136
+ <!-- Label shown when expanded -->
137
+ {#if isExpanded}
138
+ <span class="text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap">
139
+ {themeMode === 'auto' ? 'Auto' : themeMode === 'light' ? 'Light' : 'Dark'}
140
+ </span>
120
141
  {/if}
121
- </button>
142
+ </div>
122
143
 
123
144
  <style>
124
145
  .theme-toggle-btn {
@@ -1,13 +1,15 @@
1
1
  export default DarkModeToggle;
2
2
  type DarkModeToggle = SvelteComponent<{
3
- [x: string]: never;
3
+ isExpanded?: boolean | undefined;
4
+ containerSelector?: string | undefined;
4
5
  }, {
5
6
  [evt: string]: CustomEvent<any>;
6
7
  }, {}> & {
7
8
  $$bindings?: string | undefined;
8
9
  };
9
10
  declare const DarkModeToggle: $$__sveltets_2_IsomorphicComponent<{
10
- [x: string]: never;
11
+ isExpanded?: boolean | undefined;
12
+ containerSelector?: string | undefined;
11
13
  }, {
12
14
  [evt: string]: CustomEvent<any>;
13
15
  }, {}, {}, string>;
@@ -15,7 +17,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
15
17
  new (options: import("svelte").ComponentConstructorOptions<Props>): import("svelte").SvelteComponent<Props, Events, Slots> & {
16
18
  $$bindings?: Bindings;
17
19
  } & Exports;
18
- (internal: unknown, props: {
20
+ (internal: unknown, props: Props & {
19
21
  $$events?: Events;
20
22
  $$slots?: Slots;
21
23
  }): Exports & {
@@ -1 +1 @@
1
- {"version":3,"file":"DarkModeToggle.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/DarkModeToggle.svelte.js"],"names":[],"mappings":";;;;;;;;AAwIA;;;;mBAA0H;6CAT7E,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"DarkModeToggle.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/DarkModeToggle.svelte.js"],"names":[],"mappings":";;;;;;;;;AAqJA;;;;;mBAA8J;6CATjH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
@@ -4,6 +4,7 @@
4
4
  import Input from "../../Input/Input.svelte";
5
5
  import Modal from "../../Modal/Modal.svelte";
6
6
  import { showToast } from "../../../stores/toaster";
7
+ import { API_BASE_URL } from "../../../config.js";
7
8
  import { microphonePlaceholder, getUserDetails } from "../../../utils/utils";
8
9
  import {
9
10
  formatHour,
@@ -226,7 +227,7 @@
226
227
  };
227
228
 
228
229
  const visitEventPage = () => {
229
- window.open(getEventUrl(venueId), "_blank");
230
+ window.open(`${API_BASE_URL}/e/${id}`, "_blank");
230
231
  };
231
232
 
232
233
  function navigateToUpdateAvailability() {
@@ -1 +1 @@
1
- {"version":3,"file":"ShowItemCard.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowItemCard.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8oBA;;;;;;;;;;;;;;;;;;mBAAkK;6CATrH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"ShowItemCard.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/pages/performers/ShowItemCard.svelte.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgpBA;;;;;;;;;;;;;;;;;;mBAAkK;6CATrH,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAAQ,OAAO,OAAO,QAAQ;IAC3L,cAAc,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,WAAW,OAAO,SAAS,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,eAAe,QAAQ,CAAC"}
package/package.json CHANGED
@@ -1,160 +1,160 @@
1
- {
2
- "name": "@getmicdrop/svelte-components",
3
- "version": "2.0.10",
4
- "description": "Shared component library for Micdrop applications",
5
- "type": "module",
6
- "main": "./dist/index.js",
7
- "module": "./dist/index.js",
8
- "types": "./dist/index.d.ts",
9
- "exports": {
10
- ".": {
11
- "types": "./dist/index.d.ts",
12
- "svelte": "./dist/index.js",
13
- "import": "./dist/index.js"
14
- },
15
- "./styles": "./dist/styles.css",
16
- "./components/*": {
17
- "svelte": "./dist/components/*",
18
- "import": "./dist/components/*"
19
- }
20
- },
21
- "svelte": "./dist/index.js",
22
- "files": [
23
- "dist",
24
- "README.md"
25
- ],
26
- "scripts": {
27
- "dev": "vite",
28
- "build": "vite build && npm run build:types",
29
- "build:lib": "svelte-package -o dist && node scripts/post-build.js",
30
- "build:types": "svelte-package -o dist",
31
- "preview": "vite preview",
32
- "test": "vitest run",
33
- "test:watch": "vitest",
34
- "test:ui": "vitest --ui",
35
- "test:coverage": "vitest run --coverage",
36
- "cypress:open": "cypress open",
37
- "cypress:run": "cypress run",
38
- "cypress:coverage": "CYPRESS_COVERAGE=true cypress run",
39
- "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run'",
40
- "test:e2e:dev": "start-server-and-test dev http://localhost:5173 'cypress open'",
41
- "test:e2e:coverage": "CYPRESS_COVERAGE=true start-server-and-test dev http://localhost:5173 'cypress run'",
42
- "coverage:report": "nyc report --reporter=html --reporter=text",
43
- "coverage:merge": "node scripts/merge-coverage.mjs",
44
- "coverage:all": "npm run test -- --coverage && node scripts/merge-coverage.mjs",
45
- "storybook": "storybook dev -p 6006",
46
- "build-storybook": "storybook build",
47
- "lint": "eslint src",
48
- "lint:fix": "eslint src --fix",
49
- "format": "prettier --write \"src/**/*.{js,svelte,ts,css,json}\"",
50
- "prepublishOnly": "npm run build:lib"
51
- },
52
- "keywords": [
53
- "svelte",
54
- "components",
55
- "ui",
56
- "micdrop"
57
- ],
58
- "author": "Micdrop",
59
- "license": "MIT",
60
- "publishConfig": {
61
- "registry": "https://registry.npmjs.org",
62
- "access": "restricted"
63
- },
64
- "peerDependencies": {
65
- "@sveltejs/kit": "^2.0.0",
66
- "svelte": "^5.0.0"
67
- },
68
- "dependencies": {
69
- "@fullcalendar/core": "^6.1.19",
70
- "@fullcalendar/daygrid": "^6.1.19",
71
- "@fullcalendar/interaction": "^6.1.19",
72
- "@googlemaps/js-api-loader": "^1.16.10",
73
- "@opentelemetry/api": "^1.9.0",
74
- "@opentelemetry/auto-instrumentations-node": "^0.65.0",
75
- "@opentelemetry/auto-instrumentations-web": "^0.52.0",
76
- "@opentelemetry/context-zone": "^1.26.0",
77
- "@opentelemetry/exporter-trace-otlp-http": "^0.206.0",
78
- "@opentelemetry/instrumentation-document-load": "^0.52.0",
79
- "@opentelemetry/instrumentation-fetch": "^0.206.0",
80
- "@opentelemetry/instrumentation-http": "^0.206.0",
81
- "@opentelemetry/instrumentation-user-interaction": "^0.51.0",
82
- "@opentelemetry/instrumentation-xml-http-request": "^0.206.0",
83
- "@opentelemetry/propagator-b3": "^1.26.0",
84
- "@opentelemetry/resources": "^1.26.0",
85
- "@opentelemetry/sdk-node": "^0.206.0",
86
- "@opentelemetry/sdk-trace-base": "^1.26.0",
87
- "@opentelemetry/sdk-trace-web": "^1.26.0",
88
- "@opentelemetry/semantic-conventions": "^1.37.0",
89
- "@testing-library/user-event": "^14.5.2",
90
- "@tinymce/tinymce-svelte": "^3.0.0",
91
- "carbon-icons-svelte": "^12.10.0",
92
- "check-password-strength": "^3.0.0",
93
- "clsx": "^2.1.1",
94
- "cookie": "^1.0.2",
95
- "date-fns": "^3.6.0",
96
- "dotenv": "^16.4.7",
97
- "filepond": "^4.32.10",
98
- "filepond-plugin-file-validate-size": "^2.2.8",
99
- "filepond-plugin-file-validate-type": "^1.2.9",
100
- "filepond-plugin-image-exif-orientation": "^1.0.11",
101
- "filepond-plugin-image-preview": "^4.6.12",
102
- "flowbite": "^2.5.1",
103
- "flowbite-svelte": "^0.46.15",
104
- "flowbite-svelte-icons": "^1.6.1",
105
- "jwt-decode": "^4.0.0",
106
- "sortablejs": "^1.15.6",
107
- "svelte-easy-crop": "^3.0.0",
108
- "svelte-filepond": "^0.2.2",
109
- "svelte-sonner": "^0.3.28",
110
- "tailwind-merge": "^2.5.4",
111
- "tinymce": "^7.4.1",
112
- "zod": "^3.23.8"
113
- },
114
- "devDependencies": {
115
- "@cypress/code-coverage": "^3.14.6",
116
- "@storybook/addon-essentials": "^8.2.5",
117
- "@storybook/addon-interactions": "^8.2.5",
118
- "@storybook/addon-links": "^8.2.5",
119
- "@storybook/addon-svelte-csf": "^4.1.4",
120
- "@storybook/blocks": "^8.2.5",
121
- "@storybook/svelte": "^8.2.5",
122
- "@storybook/sveltekit": "^8.2.5",
123
- "@storybook/test": "^8.2.5",
124
- "@sveltejs/adapter-auto": "^3.2.2",
125
- "@sveltejs/kit": "^2.49.0",
126
- "@sveltejs/package": "^2.5.7",
127
- "@sveltejs/vite-plugin-svelte": "^5.1.1",
128
- "@testing-library/jest-dom": "^6.4.6",
129
- "@testing-library/svelte": "^5.2.0",
130
- "@types/cookie": "^1.0.0",
131
- "@types/node": "^20.14.12",
132
- "@vitest/coverage-istanbul": "^2.1.9",
133
- "@vitest/ui": "^2.0.4",
134
- "autoprefixer": "^10.4.19",
135
- "cypress": "^15.1.0",
136
- "eslint": "^9.7.0",
137
- "eslint-plugin-svelte": "^2.43.0",
138
- "jsdom": "^24.1.1",
139
- "postcss": "^8.4.39",
140
- "prettier": "^3.3.3",
141
- "prettier-plugin-svelte": "^3.2.6",
142
- "start-server-and-test": "^2.0.13",
143
- "storybook": "^8.2.5",
144
- "svelte": "^5.45.3",
145
- "svelte-check": "^3.8.4",
146
- "tailwindcss": "^3.4.6",
147
- "typescript": "^5.5.4",
148
- "vite": "^6.4.1",
149
- "vite-plugin-istanbul": "^7.2.1",
150
- "vitest": "^2.0.4"
151
- },
152
- "repository": {
153
- "type": "git",
154
- "url": "git+https://github.com/get-micdrop/svelte-components.git"
155
- },
156
- "bugs": {
157
- "url": "https://github.com/get-micdrop/svelte-components/issues"
158
- },
159
- "homepage": "https://github.com/get-micdrop/svelte-components#readme"
160
- }
1
+ {
2
+ "name": "@getmicdrop/svelte-components",
3
+ "version": "2.0.12",
4
+ "description": "Shared component library for Micdrop applications",
5
+ "type": "module",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "exports": {
10
+ ".": {
11
+ "types": "./dist/index.d.ts",
12
+ "svelte": "./dist/index.js",
13
+ "import": "./dist/index.js"
14
+ },
15
+ "./styles": "./dist/styles.css",
16
+ "./components/*": {
17
+ "svelte": "./dist/components/*",
18
+ "import": "./dist/components/*"
19
+ }
20
+ },
21
+ "svelte": "./dist/index.js",
22
+ "files": [
23
+ "dist",
24
+ "README.md"
25
+ ],
26
+ "scripts": {
27
+ "dev": "vite",
28
+ "build": "vite build && npm run build:types",
29
+ "build:lib": "svelte-package -o dist && node scripts/post-build.js",
30
+ "build:types": "svelte-package -o dist",
31
+ "preview": "vite preview",
32
+ "test": "vitest run",
33
+ "test:watch": "vitest",
34
+ "test:ui": "vitest --ui",
35
+ "test:coverage": "vitest run --coverage",
36
+ "cypress:open": "cypress open",
37
+ "cypress:run": "cypress run",
38
+ "cypress:coverage": "CYPRESS_COVERAGE=true cypress run",
39
+ "test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run'",
40
+ "test:e2e:dev": "start-server-and-test dev http://localhost:5173 'cypress open'",
41
+ "test:e2e:coverage": "CYPRESS_COVERAGE=true start-server-and-test dev http://localhost:5173 'cypress run'",
42
+ "coverage:report": "nyc report --reporter=html --reporter=text",
43
+ "coverage:merge": "node scripts/merge-coverage.mjs",
44
+ "coverage:all": "npm run test -- --coverage && node scripts/merge-coverage.mjs",
45
+ "storybook": "storybook dev -p 6006",
46
+ "build-storybook": "storybook build",
47
+ "lint": "eslint src",
48
+ "lint:fix": "eslint src --fix",
49
+ "format": "prettier --write \"src/**/*.{js,svelte,ts,css,json}\"",
50
+ "prepublishOnly": "npm run build:lib"
51
+ },
52
+ "keywords": [
53
+ "svelte",
54
+ "components",
55
+ "ui",
56
+ "micdrop"
57
+ ],
58
+ "author": "Micdrop",
59
+ "license": "MIT",
60
+ "publishConfig": {
61
+ "registry": "https://registry.npmjs.org",
62
+ "access": "restricted"
63
+ },
64
+ "peerDependencies": {
65
+ "@sveltejs/kit": "^2.0.0",
66
+ "svelte": "^5.0.0"
67
+ },
68
+ "dependencies": {
69
+ "@fullcalendar/core": "^6.1.19",
70
+ "@fullcalendar/daygrid": "^6.1.19",
71
+ "@fullcalendar/interaction": "^6.1.19",
72
+ "@googlemaps/js-api-loader": "^1.16.10",
73
+ "@opentelemetry/api": "^1.9.0",
74
+ "@opentelemetry/auto-instrumentations-node": "^0.65.0",
75
+ "@opentelemetry/auto-instrumentations-web": "^0.52.0",
76
+ "@opentelemetry/context-zone": "^1.26.0",
77
+ "@opentelemetry/exporter-trace-otlp-http": "^0.206.0",
78
+ "@opentelemetry/instrumentation-document-load": "^0.52.0",
79
+ "@opentelemetry/instrumentation-fetch": "^0.206.0",
80
+ "@opentelemetry/instrumentation-http": "^0.206.0",
81
+ "@opentelemetry/instrumentation-user-interaction": "^0.51.0",
82
+ "@opentelemetry/instrumentation-xml-http-request": "^0.206.0",
83
+ "@opentelemetry/propagator-b3": "^1.26.0",
84
+ "@opentelemetry/resources": "^1.26.0",
85
+ "@opentelemetry/sdk-node": "^0.206.0",
86
+ "@opentelemetry/sdk-trace-base": "^1.26.0",
87
+ "@opentelemetry/sdk-trace-web": "^1.26.0",
88
+ "@opentelemetry/semantic-conventions": "^1.37.0",
89
+ "@testing-library/user-event": "^14.5.2",
90
+ "@tinymce/tinymce-svelte": "^3.0.0",
91
+ "carbon-icons-svelte": "^12.10.0",
92
+ "check-password-strength": "^3.0.0",
93
+ "clsx": "^2.1.1",
94
+ "cookie": "^1.0.2",
95
+ "date-fns": "^3.6.0",
96
+ "dotenv": "^16.4.7",
97
+ "filepond": "^4.32.10",
98
+ "filepond-plugin-file-validate-size": "^2.2.8",
99
+ "filepond-plugin-file-validate-type": "^1.2.9",
100
+ "filepond-plugin-image-exif-orientation": "^1.0.11",
101
+ "filepond-plugin-image-preview": "^4.6.12",
102
+ "flowbite": "^2.5.1",
103
+ "flowbite-svelte": "^0.46.15",
104
+ "flowbite-svelte-icons": "^1.6.1",
105
+ "jwt-decode": "^4.0.0",
106
+ "sortablejs": "^1.15.6",
107
+ "svelte-easy-crop": "^3.0.0",
108
+ "svelte-filepond": "^0.2.2",
109
+ "svelte-sonner": "^0.3.28",
110
+ "tailwind-merge": "^2.5.4",
111
+ "tinymce": "^7.4.1",
112
+ "zod": "^3.23.8"
113
+ },
114
+ "devDependencies": {
115
+ "@cypress/code-coverage": "^3.14.6",
116
+ "@storybook/addon-essentials": "^8.2.5",
117
+ "@storybook/addon-interactions": "^8.2.5",
118
+ "@storybook/addon-links": "^8.2.5",
119
+ "@storybook/addon-svelte-csf": "^4.1.4",
120
+ "@storybook/blocks": "^8.2.5",
121
+ "@storybook/svelte": "^8.2.5",
122
+ "@storybook/sveltekit": "^8.2.5",
123
+ "@storybook/test": "^8.2.5",
124
+ "@sveltejs/adapter-auto": "^3.2.2",
125
+ "@sveltejs/kit": "^2.49.0",
126
+ "@sveltejs/package": "^2.5.7",
127
+ "@sveltejs/vite-plugin-svelte": "^5.1.1",
128
+ "@testing-library/jest-dom": "^6.4.6",
129
+ "@testing-library/svelte": "^5.2.0",
130
+ "@types/cookie": "^1.0.0",
131
+ "@types/node": "^20.14.12",
132
+ "@vitest/coverage-istanbul": "^2.1.9",
133
+ "@vitest/ui": "^2.0.4",
134
+ "autoprefixer": "^10.4.19",
135
+ "cypress": "^15.1.0",
136
+ "eslint": "^9.7.0",
137
+ "eslint-plugin-svelte": "^2.43.0",
138
+ "jsdom": "^24.1.1",
139
+ "postcss": "^8.4.39",
140
+ "prettier": "^3.3.3",
141
+ "prettier-plugin-svelte": "^3.2.6",
142
+ "start-server-and-test": "^2.0.13",
143
+ "storybook": "^8.2.5",
144
+ "svelte": "^5.45.3",
145
+ "svelte-check": "^3.8.4",
146
+ "tailwindcss": "^3.4.6",
147
+ "typescript": "^5.5.4",
148
+ "vite": "^6.4.1",
149
+ "vite-plugin-istanbul": "^7.2.1",
150
+ "vitest": "^2.0.4"
151
+ },
152
+ "repository": {
153
+ "type": "git",
154
+ "url": "git+https://github.com/get-micdrop/svelte-components.git"
155
+ },
156
+ "bugs": {
157
+ "url": "https://github.com/get-micdrop/svelte-components/issues"
158
+ },
159
+ "homepage": "https://github.com/get-micdrop/svelte-components#readme"
160
+ }