@getmicdrop/svelte-components 5.16.0 → 5.16.2

package/dist/components/Layout/Stack.spec.js

@@ -1,4 +1,4 @@
-import { render } from '@testing-library/svelte';
+import { render, screen } from '@testing-library/svelte';
 import { expect, describe, test } from 'vitest';
 import Stack from './Stack.svelte';
 describe('Stack Component', () => {

package/dist/datetime/__tests__/format.test.js

@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { formatCleanTimeRange, formatDateRange, formatDayOfWeek, formatEventDate, formatEventDateTime, formatEventTime, formatHour, formatMonth, formatNotificationTime, formatRelativeTime, formatTimeRange, getDateInTimezone, getDateParts, getHourInTimezone, isToday, } from '../format';
-import { DateTimeError } from '../types';
+import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('format utilities', () => {
     describe('formatEventTime', () => {
         it('formats time in specified timezone', () => {

package/dist/datetime/__tests__/parse.test.js

@@ -1,6 +1,6 @@
 import { describe, expect, it } from 'vitest';
 import { combineDateAndTime, formatDateTimeForAPI, isNextDayTime, minutesToTimeString, parseDateTimeFromAPI, parseEndOfDay, parseLocalToUTC, parseStartOfDay, parseTimeToMinutes, parseUTCToLocal, stripNextDayPrefix, } from '../parse';
-import { DateTimeError } from '../types';
+import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('parse utilities', () => {
     describe('parseLocalToUTC', () => {
         it('converts local datetime to UTC', () => {

package/dist/datetime/__tests__/timezone.test.js

@@ -1,4 +1,4 @@
-import { describe, expect, it } from 'vitest';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import { getTimezoneDisplayName, getTimezoneOffset, getUserTimezone, getVenueTimezone, isDST, isValidTimezone, normalizeTimezone, getIANATimezone, isValidIANATimezone, getAllTimezones, formatTimezoneForDisplay, getTimezoneOptions, getCommonUSTimezoneOptions, } from '../timezone';
 import { DateTimeError, DateTimeErrorCode } from '../types';
 describe('timezone utilities', () => {

package/dist/datetime/parse.js

@@ -6,7 +6,7 @@
  *
  * @module datetime/parse
  */
-import { format } from 'date-fns';
+import { format, parse } from 'date-fns';
 import { fromZonedTime, toZonedTime } from 'date-fns-tz';
 import { DATE_FORMATS } from './constants';
 import { isValidTimezone } from './timezone';

package/dist/forms/createFormStore.svelte.js

@@ -7,6 +7,7 @@
  * - UI states (loading, saving, saved)
  * - Section-level validation for progressive forms
  */
+import { z } from 'zod';
 // ============================================================================
 // Implementation
 // ============================================================================

package/dist/primitives/Input/Select.svelte

@@ -30,7 +30,7 @@
   let {
     value = $bindable(""),
     items = [],
-    placeholder = "Select an option",
+    placeholder = "",
     label = "",
     required = false,
     disabled = false,

package/dist/recipes/ImageUploader/ImageUploader.svelte

@@ -593,7 +593,7 @@
         <img
           src={imageArray[0]}
           alt="Uploaded"
-          class="w-full h-full object-cover"
+          class="w-full h-full object-contain"
         />
         {#if !disabled}
           <div class="absolute inset-0 bg-black/50 opacity-0 group-hover:opacity-100 transition-opacity flex items-center justify-center gap-3">
@@ -684,7 +684,7 @@
                 <img
                   src={slot.image}
                   alt="Uploaded"
-                  class="w-full h-full object-cover pointer-events-none"
+                  class="w-full h-full object-contain pointer-events-none"
                   draggable="false"
                 />
                 {#if showMainBadge && index === 0}

package/dist/recipes/fields/SelectField.spec.js

@@ -45,9 +45,11 @@ describe('SelectField Label', () => {
 });
 
 describe('SelectField Placeholder', () => {
-  test('default placeholder is "Select an option"', () => {
-    render(SelectField);
-    expect(screen.getByText('Select an option')).toBeInTheDocument();
+  test('default placeholder is empty', () => {
+    const { container } = render(SelectField);
+    const button = container.querySelector('button[aria-haspopup="listbox"]');
+    // With empty placeholder, the button text content should be minimal
+    expect(button).toBeInTheDocument();
   });
 
   test('custom placeholder is displayed', () => {
@@ -64,9 +66,10 @@ describe('SelectField Items', () => {
     expect(container.querySelector('button[aria-haspopup="listbox"]')).toBeInTheDocument();
   });
 
-  test('empty items renders select with placeholder only', () => {
+  test('empty items renders select with button', () => {
     const { container } = render(SelectField, { props: { items: [] } });
-    expect(screen.getByText('Select an option')).toBeInTheDocument();
+    const button = container.querySelector('button[aria-haspopup="listbox"]');
+    expect(button).toBeInTheDocument();
   });
 });
 

package/dist/recipes/fields/SelectField.svelte

@@ -42,7 +42,7 @@
   let {
     value = $bindable(''),
     items = [],
-    placeholder = 'Select an option',
+    placeholder = '',
     label = '',
     required = false,
     disabled = false,

package/dist/recipes/inputs/MultiSelect.spec.js

@@ -105,6 +105,7 @@ describe("MultiSelect Component Tests", () => {
   test("Clears all selections when clicking clear button", async () => {
     const { user } = setupTest({
       value: ["opt1", "opt2", "opt3"],
+      placeholder: "Select options",
     });
 
     const clearButton = screen.getByRole("button", { name: /clear all/i });
@@ -188,6 +189,7 @@ describe("MultiSelect Component Tests", () => {
   test("Toggles item off when clicking selected item", async () => {
     const { user } = setupTest({
       value: ["opt1"],
+      placeholder: "Select options",
     });
     const trigger = screen.getByRole("combobox");
 
@@ -253,6 +255,7 @@ describe("MultiSelect Component Tests", () => {
   test("Initializes empty value as array", () => {
     setupTest({
       value: null,
+      placeholder: "Select options",
     });
     // Should not crash and show placeholder
     expect(screen.getByText("Select options")).toBeInTheDocument();

package/dist/recipes/inputs/MultiSelect.svelte

@@ -30,7 +30,7 @@
   let {
     value = $bindable([]),
     items = [],
-    placeholder = "Select options",
+    placeholder = "",
     label = "",
     required = false,
     disabled = false,

package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.spec.js

@@ -63,11 +63,11 @@ describe('PlaceAutocomplete Component', () => {
       expect(input).toBeInTheDocument();
     });
 
-    test('renders with default placeholder', async () => {
+    test('renders with empty placeholder by default', async () => {
       setupTest();
       await waitFor(() => {
         const input = screen.getByRole('textbox');
-        expect(input).toHaveAttribute('placeholder', 'Search for location...');
+        expect(input).toHaveAttribute('placeholder', '');
       });
     });
 
@@ -154,17 +154,17 @@ describe('PlaceAutocomplete Component', () => {
   });
 
   describe('Mode Variants', () => {
-    test('default mode is full', () => {
+    test('default mode has empty placeholder', () => {
       setupTest();
       const input = screen.getByRole('textbox');
-      expect(input).toHaveAttribute('placeholder', 'Search for location...');
+      expect(input).toHaveAttribute('placeholder', '');
     });
 
-    test('cityState mode updates placeholder', async () => {
+    test('cityState mode has empty placeholder by default', async () => {
       setupTest({ mode: 'cityState' });
       await waitFor(() => {
         const input = screen.getByRole('textbox');
-        expect(input).toHaveAttribute('placeholder', 'Search for city, state...');
+        expect(input).toHaveAttribute('placeholder', '');
       });
     });
 

package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte

@@ -23,7 +23,7 @@
 
   let {
     fetchFields = ['formattedAddress', 'addressComponents'],
-    placeholder = $bindable('Search for location...'),
+    placeholder = $bindable(''),
     language = 'en-US',
     region = 'US',
     autocomplete = 'off',
@@ -68,11 +68,6 @@
     }
   });
 
-  $effect(() => {
-    if (mode === 'cityState' && placeholder === 'Search for location...') {
-      placeholder = 'Search for city, state...';
-    }
-  });
 
   const reset = () => {
     currentSuggestion = -1;

package/dist/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceAutocomplete.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.ts"],"names":[],"mappings":"AASA,0CAA0C,CAAE,UAAU,gBAAgB;IAAM,QAAQ,EAAE,MAAM,CAAC;IAAI,SAAS,EAAE,MAAM,CAAC;IAAI,KAAK,EAAE,MAAM,EAAE,CAAC;CAAG;AACzI,sCAAsC,CAAE,UAAU,SAAS;IAAM,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAI,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAAI,IAAI,CAAC,EAAE,MAAM,CAAC;IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAAG;AAMrL,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAsTH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"PlaceAutocomplete.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/recipes/inputs/PlaceAutocomplete/PlaceAutocomplete.svelte.ts"],"names":[],"mappings":"AASA,0CAA0C,CAAE,UAAU,gBAAgB;IAAM,QAAQ,EAAE,MAAM,CAAC;IAAI,SAAS,EAAE,MAAM,CAAC;IAAI,KAAK,EAAE,MAAM,EAAE,CAAC;CAAG;AACzI,sCAAsC,CAAE,UAAU,SAAS;IAAM,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAAI,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAAI,IAAI,CAAC,EAAE,MAAM,CAAC;IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CAAG;AAMrL,UAAU,KAAK;IACb,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAiTH,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getmicdrop/svelte-components",
-  "version": "5.16.0",
+  "version": "5.16.2",
   "description": "Shared component library for Micdrop applications",
   "type": "module",
   "main": "./dist/index.js",