npm - @starwind-ui/core - Versions diffs - 1.15.4 → 1.16.0 - Mend

@starwind-ui/core 1.15.4 → 1.16.0

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.

Files changed (183) hide show

package/dist/src/components/card/CardContent.astro CHANGED Viewed

@@ -11,6 +11,6 @@ export const cardContent = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={cardContent({ class: className })} data-slot="card-content" {...rest}>
+<div class={cardContent({ class: className })} {...rest} data-slot="card-content">
   <slot />
 </div>

package/dist/src/components/card/CardDescription.astro CHANGED Viewed

@@ -11,6 +11,6 @@ export const cardDescription = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={cardDescription({ class: className })} data-slot="card-description" {...rest}>
+<div class={cardDescription({ class: className })} {...rest} data-slot="card-description">
   <slot />
 </div>

package/dist/src/components/card/CardFooter.astro CHANGED Viewed

@@ -11,6 +11,6 @@ export const cardFooter = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={cardFooter({ class: className })} data-slot="card-footer" {...rest}>
+<div class={cardFooter({ class: className })} {...rest} data-slot="card-footer">
   <slot />
 </div>

package/dist/src/components/card/CardHeader.astro CHANGED Viewed

@@ -14,6 +14,6 @@ export const cardHeader = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={cardHeader({ class: className })} data-slot="card-header" {...rest}>
+<div class={cardHeader({ class: className })} {...rest} data-slot="card-header">
   <slot />
 </div>

package/dist/src/components/card/CardTitle.astro CHANGED Viewed

@@ -11,6 +11,6 @@ export const cardTitle = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={cardTitle({ class: className })} data-slot="card-title" {...rest}>
+<div class={cardTitle({ class: className })} {...rest} data-slot="card-title">
   <slot />
 </div>

package/dist/src/components/carousel/Carousel.astro CHANGED Viewed

@@ -26,11 +26,11 @@ const {
   class={carousel({ class: className })}
   role="region"
   aria-roledescription="carousel"
-  data-slot="carousel"
   data-axis={orientation === "horizontal" ? "x" : "y"}
   data-opts={JSON.stringify(opts)}
   data-auto-init={autoInit}
   {...rest}
+  data-slot="carousel"
 >
   <slot />
 </div>

package/dist/src/components/carousel/CarouselContent.astro CHANGED Viewed

@@ -19,7 +19,7 @@ type Props = HTMLAttributes<"div">;
 const { class: className = "", ...rest } = Astro.props;
 ---
-<div class={carouselContent()} data-slot="carousel-content" {...rest}>
+<div class={carouselContent()} {...rest} data-slot="carousel-content">
   <div class={carouselContainer({ class: className })} data-slot="carousel-container">
     <slot />
   </div>

package/dist/src/components/carousel/CarouselItem.astro CHANGED Viewed

@@ -18,9 +18,9 @@ const { class: className = "", ...rest } = Astro.props;
 <div
   role="group"
   aria-roledescription="slide"
-  data-slot="carousel-item"
   class={carouselItem({ class: className })}
   {...rest}
+  data-slot="carousel-item"
 >
   <slot />
 </div>

package/dist/src/components/carousel/CarouselNext.astro CHANGED Viewed

@@ -21,12 +21,12 @@ const { class: className = "", variant = "outline", size = "icon", ...rest } = A
 ---
 <Button
-  data-slot="carousel-next"
   variant={variant}
   size={size}
   class={carouselNext({ class: className })}
   aria-label="Next slide"
   {...rest}
+  data-slot="carousel-next"
 >
   <slot name="icon">
     <ArrowRight />

package/dist/src/components/carousel/CarouselPrevious.astro CHANGED Viewed

@@ -21,12 +21,12 @@ const { class: className = "", variant = "outline", size = "icon", ...rest } = A
 ---
 <Button
-  data-slot="carousel-previous"
   variant={variant}
   size={size}
   class={carouselPrevious({ class: className })}
   aria-label="Previous slide"
   {...rest}
+  data-slot="carousel-previous"
 >
   <slot name="icon">
     <ArrowLeft />

package/dist/src/components/checkbox/Checkbox.astro CHANGED Viewed

@@ -84,9 +84,9 @@ const { base, input, icon, label: labelClass } = checkbox({ size, variant });
     type="checkbox"
     id={id}
     class={input({ class: className })}
-    data-slot="checkbox-input"
     {checked}
     {...rest}
+    data-slot="checkbox-input"
   />
   <Check class={icon()} />
   {

package/dist/src/components/collapsible/Collapsible.astro CHANGED Viewed

@@ -34,11 +34,11 @@ const finalId = (rest as Record<string, unknown>)["id"] as string | undefined;
 ---
 <div
-  {...sanitizedRest}
   id={finalId}
   class={collapsible({ class: className })}
   data-state={finalDataState}
   data-disabled={finalDataDisabled}
+  {...sanitizedRest}
   data-slot="collapsible"
 >
   <slot />

package/dist/src/components/collapsible/CollapsibleContent.astro CHANGED Viewed

@@ -14,9 +14,9 @@ const { class: className, ...rest } = Astro.props;
 <div
   class={collapsibleContent({ class: className })}
   data-state="closed"
-  data-slot="collapsible-content"
   hidden
   {...rest}
+  data-slot="collapsible-content"
 >
   <slot />
 </div>

package/dist/src/components/collapsible/CollapsibleTrigger.astro CHANGED Viewed

@@ -35,8 +35,8 @@ if (Astro.slots.has("default")) {
     <button
       type="button"
       class={collapsibleTrigger({ class: className })}
-      data-slot="collapsible-trigger"
       {...rest}
+      data-slot="collapsible-trigger"
     >
       <slot />
     </button>

package/dist/src/components/dialog/Dialog.astro CHANGED Viewed

@@ -6,7 +6,7 @@ type Props = HTMLAttributes<"div">;
 const { class: className, ...rest } = Astro.props;
 ---
-<div class:list={["starwind-dialog", className]} data-slot="dialog" {...rest}>
+<div class:list={["starwind-dialog", className]} {...rest} data-slot="dialog">
   <slot />
 </div>

package/dist/src/components/dialog/DialogClose.astro CHANGED Viewed

@@ -26,8 +26,8 @@ if (Astro.slots.has("default")) {
     <button
       type="button"
       class:list={["starwind-dialog-close", className]}
-      data-slot="dialog-close"
       {...rest}
+      data-slot="dialog-close"
     >
       <slot>Demo close button</slot>
     </button>

package/dist/src/components/dialog/DialogContent.astro CHANGED Viewed

@@ -57,9 +57,9 @@ const { class: className, animationDuration = 200, ...rest } = Astro.props;
 <dialog
   class={dialogContent({ class: className })}
   data-state="closed"
-  data-slot="dialog-content"
-  {...rest}
   style={{ animationDuration: `${animationDuration}ms` }}
+  {...rest}
+  data-slot="dialog-content"
 >
   <slot />
   <button type="button" class={dialogCloseButton()} data-dialog-close aria-label="Close dialog">

package/dist/src/components/dialog/DialogDescription.astro CHANGED Viewed

@@ -9,6 +9,6 @@ export const dialogDescription = tv({ base: "text-muted-foreground" });
 const { class: className, ...rest } = Astro.props;
 ---
-<p class={dialogDescription({ class: className })} data-slot="dialog-description" {...rest}>
+<p class={dialogDescription({ class: className })} {...rest} data-slot="dialog-description">
   <slot />
 </p>

package/dist/src/components/dialog/DialogFooter.astro CHANGED Viewed

@@ -9,6 +9,6 @@ export const dialogFooter = tv({ base: "flex flex-col-reverse gap-2 sm:flex-row
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={dialogFooter({ class: className })} data-slot="dialog-footer" {...rest}>
+<div class={dialogFooter({ class: className })} {...rest} data-slot="dialog-footer">
   <slot />
 </div>

package/dist/src/components/dialog/DialogHeader.astro CHANGED Viewed

@@ -9,6 +9,6 @@ export const dialogHeader = tv({ base: "flex flex-col space-y-2 text-center sm:t
 const { class: className, ...rest } = Astro.props;
 ---
-<div class={dialogHeader({ class: className })} data-slot="dialog-header" {...rest}>
+<div class={dialogHeader({ class: className })} {...rest} data-slot="dialog-header">
   <slot />
 </div>

package/dist/src/components/dialog/DialogTitle.astro CHANGED Viewed

@@ -17,6 +17,6 @@ export const dialogTitle = tv({
 const { class: className, ...rest } = Astro.props;
 ---
-<h2 class={dialogTitle({ class: className })} data-slot="dialog-title" {...rest}>
+<h2 class={dialogTitle({ class: className })} {...rest} data-slot="dialog-title">
   <slot />
 </h2>

package/dist/src/components/dialog/DialogTrigger.astro CHANGED Viewed

@@ -37,9 +37,9 @@ if (Astro.slots.has("default")) {
       type="button"
       aria-haspopup="dialog"
       class:list={["starwind-dialog-trigger", className]}
-      data-slot="dialog-trigger"
       data-dialog-for={dialogFor}
       {...rest}
+      data-slot="dialog-trigger"
     >
       <slot />
     </button>