chore: update to kobalte@0.13.2 (#100)

Author: jer3m01

apps/docs/package.json

@@ -15,7 +15,7 @@
     "@corvu/drawer": "^0.2.0",
     "@corvu/resizable": "^0.2.0",
     "@fontsource/inter": "^5.0.18",
-    "@kobalte/core": "0.13.0",
+    "@kobalte/core": "0.13.2",
     "@mdx-js/mdx": "^2.3.0",
     "@modular-forms/solid": "^0.20.0",
     "@solid-primitives/keyboard": "^1.2.8",

apps/docs/src/registry/ui/accordion.tsx

@@ -7,24 +7,24 @@ import { cn } from "~/lib/utils"
 
 const Accordion = AccordionPrimitive.Root
 
-type AccordionItemProps = AccordionPrimitive.AccordionItemProps & {
+type AccordionItemProps<T extends ValidComponent = "div"> = AccordionPrimitive.AccordionItemProps<T> & {
   class?: string | undefined
 }
 
 const AccordionItem = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, AccordionItemProps>
+  props: PolymorphicProps<T, AccordionItemProps<T>>
 ) => {
   const [local, others] = splitProps(props as AccordionItemProps, ["class"])
   return <AccordionPrimitive.Item class={cn("border-b", local.class)} {...others} />
 }
 
-type AccordionTriggerProps = AccordionPrimitive.AccordionTriggerProps & {
+type AccordionTriggerProps<T extends ValidComponent = "button"> = AccordionPrimitive.AccordionTriggerProps<T> & {
   class?: string | undefined
   children?: JSX.Element
 }
 
 const AccordionTrigger = <T extends ValidComponent = "button">(
-  props: PolymorphicProps<T, AccordionTriggerProps>
+  props: PolymorphicProps<T, AccordionTriggerProps<T>>
 ) => {
   const [local, others] = splitProps(props as AccordionTriggerProps, ["class", "children"])
   return (
@@ -54,13 +54,13 @@ const AccordionTrigger = <T extends ValidComponent = "button">(
   )
 }
 
-type AccordionContentProps = AccordionPrimitive.AccordionContentProps & {
+type AccordionContentProps<T extends ValidComponent = "div"> = AccordionPrimitive.AccordionContentProps<T> & {
   class?: string | undefined
   children?: JSX.Element
 }
 
 const AccordionContent = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, AccordionContentProps>
+  props: PolymorphicProps<T, AccordionContentProps<T>>
 ) => {
   const [local, others] = splitProps(props as AccordionContentProps, ["class", "children"])
   return (

apps/docs/src/registry/ui/alert-dialog.tsx

@@ -9,12 +9,12 @@ const AlertDialog = AlertDialogPrimitive.Root
 const AlertDialogTrigger = AlertDialogPrimitive.Trigger
 const AlertDialogPortal = AlertDialogPrimitive.Portal
 
-type AlertDialogOverlayProps = AlertDialogPrimitive.AlertDialogOverlayProps & {
+type AlertDialogOverlayProps<T extends ValidComponent = "div"> = AlertDialogPrimitive.AlertDialogOverlayProps<T> & {
   class?: string | undefined
 }
 
 const AlertDialogOverlay = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, AlertDialogOverlayProps>
+  props: PolymorphicProps<T, AlertDialogOverlayProps<T>>
 ) => {
   const [local, others] = splitProps(props as AlertDialogOverlayProps, ["class"])
   return (
@@ -28,13 +28,13 @@ const AlertDialogOverlay = <T extends ValidComponent = "div">(
   )
 }
 
-type AlertDialogContentProps = AlertDialogPrimitive.AlertDialogContentProps & {
+type AlertDialogContentProps<T extends ValidComponent = "div"> = AlertDialogPrimitive.AlertDialogContentProps<T> & {
   class?: string | undefined
   children?: JSX.Element
 }
 
 const AlertDialogContent = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, AlertDialogContentProps>
+  props: PolymorphicProps<T, AlertDialogContentProps<T>>
 ) => {
   const [local, others] = splitProps(props as AlertDialogContentProps, ["class", "children"])
   return (
@@ -69,23 +69,23 @@ const AlertDialogContent = <T extends ValidComponent = "div">(
   )
 }
 
-type AlertDialogTitleProps = AlertDialogPrimitive.AlertDialogTitleProps & {
+type AlertDialogTitleProps<T extends ValidComponent = "h2"> = AlertDialogPrimitive.AlertDialogTitleProps<T> & {
   class?: string | undefined
 }
 
 const AlertDialogTitle = <T extends ValidComponent = "h2">(
-  props: PolymorphicProps<T, AlertDialogTitleProps>
+  props: PolymorphicProps<T, AlertDialogTitleProps<T>>
 ) => {
   const [local, others] = splitProps(props as AlertDialogTitleProps, ["class"])
   return <AlertDialogPrimitive.Title class={cn("text-lg font-semibold", local.class)} {...others} />
 }
 
-type AlertDialogDescriptionProps = AlertDialogPrimitive.AlertDialogDescriptionProps & {
+type AlertDialogDescriptionProps<T extends ValidComponent = "p"> = AlertDialogPrimitive.AlertDialogDescriptionProps<T> & {
   class?: string | undefined
 }
 
 const AlertDialogDescription = <T extends ValidComponent = "p">(
-  props: PolymorphicProps<T, AlertDialogDescriptionProps>
+  props: PolymorphicProps<T, AlertDialogDescriptionProps<T>>
 ) => {
   const [local, others] = splitProps(props as AlertDialogDescriptionProps, ["class"])
   return (

apps/docs/src/registry/ui/alert.tsx

@@ -24,10 +24,10 @@ const alertVariants = cva(
   }
 )
 
-type AlertRootProps = AlertPrimitive.AlertRootProps &
+type AlertRootProps<T extends ValidComponent = "div"> = AlertPrimitive.AlertRootProps<T> &
   VariantProps<typeof alertVariants> & { class?: string | undefined }
 
-const Alert = <T extends ValidComponent = "div">(props: PolymorphicProps<T, AlertRootProps>) => {
+const Alert = <T extends ValidComponent = "div">(props: PolymorphicProps<T, AlertRootProps<T>>) => {
   const [local, others] = splitProps(props as AlertRootProps, ["class", "variant"])
   return (
     <AlertPrimitive.Root

apps/docs/src/registry/ui/avatar.tsx

@@ -5,9 +5,9 @@ import { PolymorphicProps } from "@kobalte/core/polymorphic"
 
 import { cn } from "~/lib/utils"
 
-type AvatarRootProps = ImagePrimitive.ImageRootProps & { class?: string | undefined }
+type AvatarRootProps<T extends ValidComponent = "span"> = ImagePrimitive.ImageRootProps<T> & { class?: string | undefined }
 
-const Avatar = <T extends ValidComponent = "span">(props: PolymorphicProps<T, AvatarRootProps>) => {
+const Avatar = <T extends ValidComponent = "span">(props: PolymorphicProps<T, AvatarRootProps<T>>) => {
   const [local, others] = splitProps(props as AvatarRootProps, ["class"])
   return (
     <ImagePrimitive.Root
@@ -17,19 +17,19 @@ const Avatar = <T extends ValidComponent = "span">(props: PolymorphicProps<T, Av
   )
 }
 
-type AvatarImageProps = ImagePrimitive.ImageImgProps & { class?: string | undefined }
+type AvatarImageProps<T extends ValidComponent = "img"> = ImagePrimitive.ImageImgProps<T> & { class?: string | undefined }
 
 const AvatarImage = <T extends ValidComponent = "img">(
-  props: PolymorphicProps<T, AvatarImageProps>
+  props: PolymorphicProps<T, AvatarImageProps<T>>
 ) => {
   const [local, others] = splitProps(props as AvatarImageProps, ["class"])
   return <ImagePrimitive.Img class={cn("aspect-square size-full", local.class)} {...others} />
 }
 
-type AvatarFallbackProps = ImagePrimitive.ImageFallbackProps & { class?: string | undefined }
+type AvatarFallbackProps<T extends ValidComponent = "span"> = ImagePrimitive.ImageFallbackProps<T> & { class?: string | undefined }
 
 const AvatarFallback = <T extends ValidComponent = "span">(
-  props: PolymorphicProps<T, AvatarFallbackProps>
+  props: PolymorphicProps<T, AvatarFallbackProps<T>>
 ) => {
   const [local, others] = splitProps(props as AvatarFallbackProps, ["class"])
   return (

apps/docs/src/registry/ui/button.tsx

@@ -33,10 +33,10 @@ const buttonVariants = cva(
   }
 )
 
-type ButtonProps = ButtonPrimitive.ButtonRootProps &
+type ButtonProps<T extends ValidComponent = "button"> = ButtonPrimitive.ButtonRootProps<T> &
   VariantProps<typeof buttonVariants> & { class?: string | undefined; children?: JSX.Element }
 
-const Button = <T extends ValidComponent = "button">(props: PolymorphicProps<T, ButtonProps>) => {
+const Button = <T extends ValidComponent = "button">(props: PolymorphicProps<T, ButtonProps<T>>) => {
   const [local, others] = splitProps(props as ButtonProps, ["variant", "size", "class"])
   return (
     <ButtonPrimitive.Root

apps/docs/src/registry/ui/checkbox.tsx

@@ -5,10 +5,10 @@ import { PolymorphicProps } from "@kobalte/core/polymorphic"
 
 import { cn } from "~/lib/utils"
 
-type CheckboxRootProps = CheckboxPrimitive.CheckboxRootProps & { class?: string | undefined }
+type CheckboxRootProps<T extends ValidComponent = "div"> = CheckboxPrimitive.CheckboxRootProps<T> & { class?: string | undefined }
 
 const Checkbox = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, CheckboxRootProps>
+  props: PolymorphicProps<T, CheckboxRootProps<T>>
 ) => {
   const [local, others] = splitProps(props as CheckboxRootProps, ["class"])
   return (

apps/docs/src/registry/ui/combobox.tsx

@@ -9,10 +9,10 @@ const Combobox = ComboboxPrimitive.Root
 const ComboboxItemLabel = ComboboxPrimitive.ItemLabel
 const ComboboxHiddenSelect = ComboboxPrimitive.HiddenSelect
 
-type ComboboxItemProps = ComboboxPrimitive.ComboboxItemProps & { class?: string | undefined }
+type ComboboxItemProps<T extends ValidComponent = "li"> = ComboboxPrimitive.ComboboxItemProps<T> & { class?: string | undefined }
 
 const ComboboxItem = <T extends ValidComponent = "li">(
-  props: PolymorphicProps<T, ComboboxItemProps>
+  props: PolymorphicProps<T, ComboboxItemProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxItemProps, ["class"])
   return (
@@ -26,12 +26,12 @@ const ComboboxItem = <T extends ValidComponent = "li">(
   )
 }
 
-type ComboboxItemIndicatorProps = ComboboxPrimitive.ComboboxItemIndicatorProps & {
+type ComboboxItemIndicatorProps<T extends ValidComponent = "div"> = ComboboxPrimitive.ComboboxItemIndicatorProps<T> & {
   children?: JSX.Element
 }
 
 const ComboboxItemIndicator = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, ComboboxItemIndicatorProps>
+  props: PolymorphicProps<T, ComboboxItemIndicatorProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxItemIndicatorProps, ["children"])
   return (
@@ -54,10 +54,10 @@ const ComboboxItemIndicator = <T extends ValidComponent = "div">(
   )
 }
 
-type ComboboxSectionProps = ComboboxPrimitive.ComboboxSectionProps & { class?: string | undefined }
+type ComboboxSectionProps<T extends ValidComponent = "li"> = ComboboxPrimitive.ComboboxSectionProps<T> & { class?: string | undefined }
 
 const ComboboxSection = <T extends ValidComponent = "li">(
-  props: PolymorphicProps<T, ComboboxSectionProps>
+  props: PolymorphicProps<T, ComboboxSectionProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxSectionProps, ["class"])
   return (
@@ -71,7 +71,7 @@ const ComboboxSection = <T extends ValidComponent = "li">(
   )
 }
 
-type ComboboxControlProps<U> = ComboboxPrimitive.ComboboxControlProps<U> & {
+type ComboboxControlProps<U, T extends ValidComponent = "div"> = ComboboxPrimitive.ComboboxControlProps<U, T> & {
   class?: string | undefined
 }
 
@@ -87,10 +87,10 @@ const ComboboxControl = <T, U extends ValidComponent = "div">(
   )
 }
 
-type ComboboxInputProps = ComboboxPrimitive.ComboboxInputProps & { class?: string | undefined }
+type ComboboxInputProps<T extends ValidComponent = "input"> = ComboboxPrimitive.ComboboxInputProps<T> & { class?: string | undefined }
 
 const ComboboxInput = <T extends ValidComponent = "input">(
-  props: PolymorphicProps<T, ComboboxInputProps>
+  props: PolymorphicProps<T, ComboboxInputProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxInputProps, ["class"])
   return (
@@ -104,13 +104,13 @@ const ComboboxInput = <T extends ValidComponent = "input">(
   )
 }
 
-type ComboboxTriggerProps = ComboboxPrimitive.ComboboxTriggerProps & {
+type ComboboxTriggerProps<T extends ValidComponent = "button"> = ComboboxPrimitive.ComboboxTriggerProps<T> & {
   class?: string | undefined
   children?: JSX.Element
 }
 
 const ComboboxTrigger = <T extends ValidComponent = "button">(
-  props: PolymorphicProps<T, ComboboxTriggerProps>
+  props: PolymorphicProps<T, ComboboxTriggerProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxTriggerProps, ["class", "children"])
   return (
@@ -136,10 +136,10 @@ const ComboboxTrigger = <T extends ValidComponent = "button">(
   )
 }
 
-type ComboboxContentProps = ComboboxPrimitive.ComboboxContentProps & { class?: string | undefined }
+type ComboboxContentProps<T extends ValidComponent = "div"> = ComboboxPrimitive.ComboboxContentProps<T> & { class?: string | undefined }
 
 const ComboboxContent = <T extends ValidComponent = "div">(
-  props: PolymorphicProps<T, ComboboxContentProps>
+  props: PolymorphicProps<T, ComboboxContentProps<T>>
 ) => {
   const [local, others] = splitProps(props as ComboboxContentProps, ["class"])
   return (