ui-thing 0.1.26 → 0.1.28

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog
 
+## v0.1.28
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.27...v0.1.28)
+
+### 🏡 Chore
+
+- Add updated dialog content close button styles ([3583a9d](https://github.com/BayBreezy/ui-thing-cli/commit/3583a9d))
+
+### ❤️ Contributors
+
+- Behon Baker ([@BayBreezy](http://github.com/BayBreezy))
+
+## v0.1.27
+
+[compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.26...v0.1.27)
+
+### 🏡 Chore
+
+- Bump deps & pass slots from some radix components ([5caf188](https://github.com/BayBreezy/ui-thing-cli/commit/5caf188))
+
+### ❤️ Contributors
+
+- Behon Baker ([@BayBreezy](http://github.com/BayBreezy))
+
 ## v0.1.26
 
 [compare changes](https://github.com/BayBreezy/ui-thing-cli/compare/v0.1.25...v0.1.26)

package/dist/index.js

@@ -2725,8 +2725,8 @@ export const buttonStyles = tv({
   });
 </script>
 `}],utils:[],composables:[],plugins:[]},{name:"Collapsible",value:"collapsible",files:[{fileName:"Collapsible/Collapsible.vue",dirPath:"components/UI",fileContent:`<template>
-  <CollapsibleRoot v-bind="forwarded">
-    <slot />
+  <CollapsibleRoot v-slot="slotProps" v-bind="forwarded">
+    <slot v-bind="slotProps" />
   </CollapsibleRoot>
 </template>
 
@@ -4833,9 +4833,9 @@ export default defineNuxtPlugin((nuxtApp) => {
       </slot>
       <UiDialogClose
         v-if="!hideClose"
-        class="absolute right-4 top-2 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
+        class="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"
       >
-        <Icon name="lucide:x" class="h-4 w-4" />
+        <Icon name="lucide:x" class="h-4 w-4" mode="svg" />
         <span class="sr-only">Close</span>
       </UiDialogClose>
     </DialogContent>
@@ -10297,11 +10297,12 @@ export { toast, useToast };
 </script>
 `},{fileName:"Toast/Toast.vue",dirPath:"components/UI",fileContent:`<template>
   <ToastRoot
+    v-slot="slotProps"
     v-bind="forwarded"
     :class="styles({ variant, class: props.class })"
     @update:open="onOpenChange"
   >
-    <slot />
+    <slot v-bind="slotProps" />
   </ToastRoot>
 </template>
 
@@ -10328,6 +10329,7 @@ export { toast, useToast };
 
   const emits = defineEmits<ToastRootEmits>();
   const forwarded = useForwardPropsEmits(reactiveOmit(props, "class"), emits);
+  provide("ToastRootProps", readonly(toRef(() => props)));
 
   const styles = tv({
     base: "group pointer-events-auto relative flex w-full items-center justify-between gap-4 overflow-hidden rounded-md border p-4 pr-9 shadow-sm transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:duration-300 data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=open]:fade-in-0 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
@@ -10451,8 +10453,12 @@ export { toast, useToast };
   }
 </style>
 `}],utils:[],plugins:[]},{name:"Toggle",value:"toggle",files:[{fileName:"Toggle.vue",dirPath:"components/UI",fileContent:`<template>
-  <ToggleRoot v-bind="forwarded" :class="styles({ variant, size, class: props.class })">
-    <slot />
+  <ToggleRoot
+    v-slot="slotProps"
+    v-bind="forwarded"
+    :class="styles({ variant, size, class: props.class })"
+  >
+    <slot v-bind="slotProps" />
   </ToggleRoot>
 </template>
 
@@ -10650,10 +10656,10 @@ export { toast, useToast };
 </script>
 `},{fileName:"Tooltip/Tooltip.vue",dirPath:"components/UI",fileContent:`<template>
   <UiTooltipProvider v-bind="props">
-    <TooltipRoot v-bind="{ ...forwarded, ...$attrs }">
-      <slot>
-        <slot name="trigger" />
-        <slot name="content" />
+    <TooltipRoot v-slot="slotProps" v-bind="{ ...forwarded, ...$attrs }">
+      <slot v-bind="slotProps">
+        <slot v-bind="slotProps" name="trigger" />
+        <slot v-bind="slotProps" name="content" />
       </slot>
     </TooltipRoot>
   </UiTooltipProvider>
@@ -10775,7 +10781,7 @@ export { toast, useToast };
     label?: string;
     icon?: string;
     hint?: string;
-    modelValue?: string;
+    modelValue?: any;
     name?: string;
     id?: string;
     rules?: any;