@sabrenski/spire-ui 0.0.21 → 0.0.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sabrenski/spire-ui",
-  "version": "0.0.21",
+  "version": "0.0.23",
   "description": "A dependency-free Vue 3 component library built with pure CSS and OKLCH colors",
   "type": "module",
   "license": "MIT",

package/src/components/DatePicker/DatePicker.vue

@@ -1069,6 +1069,7 @@ defineExpose({
   flex-direction: column;
   gap: var(--space-1);
   font-family: var(--font-sans);
+  min-width: 0;
 }
 
 .ui-datepicker-field--block {
@@ -1106,6 +1107,7 @@ defineExpose({
   display: inline-flex;
   align-items: center;
   width: 100%;
+  min-width: 0;
   background-color: var(--input-bg);
   border: 1px solid var(--input-border);
   cursor: pointer;

package/src/components/Popover/Popover.vue

@@ -356,10 +356,12 @@ defineExpose({
 .ui-popover {
   display: inline-block;
   position: relative;
+  min-width: 0;
 }
 
 .ui-popover__trigger {
   display: inline-flex;
+  min-width: 0;
 }
 
 .ui-popover__content {

package/src/components/TimePicker/TimePicker.vue

@@ -460,6 +460,7 @@ defineExpose({
 .ui-timepicker {
   display: inline-block;
   font-family: var(--font-sans);
+  min-width: 0;
 }
 
 .ui-timepicker--block {

package/src/components/Toast/ToastProvider.test.ts

@@ -35,6 +35,18 @@ describe('ToastProvider', () => {
       const toasts = wrapper.findAll('.ui-toast')
       expect(toasts.length).toBe(2)
     })
+
+    it('renders slot content', () => {
+      const wrapper = mount(ToastProvider, {
+        slots: { default: '<div class="child">App Content</div>' },
+        global: {
+          stubs: {
+            Teleport: true
+          }
+        }
+      })
+      expect(wrapper.find('.child').text()).toBe('App Content')
+    })
   })
 
   describe('Positions', () => {

package/src/components/Toast/ToastProvider.vue

@@ -36,6 +36,7 @@ function handleDismiss(id: string) {
       </TransitionGroup>
     </div>
   </Teleport>
+  <slot />
 </template>
 
 <style scoped>