pukaad-ui-lib 1.282.0 → 1.282.2

package/dist/runtime/components/ui/calendar/CalendarCell.vue

@@ -13,11 +13,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarCell
-    data-slot="calendar-cell"
-    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarCell>
+  <CalendarCell
+    data-slot="calendar-cell"
+    :class="cn('relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCell>
 </template>

package/dist/runtime/components/ui/calendar/CalendarCellTrigger.vue

@@ -15,8 +15,8 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarCellTrigger
-    data-slot="calendar-cell-trigger"
+  <CalendarCellTrigger
+    data-slot="calendar-cell-trigger"
     :class="cn(
   buttonVariants({ variant: 'ghost' }),
   'size-8 p-0 font-normal aria-selected:opacity-100 cursor-default',
@@ -30,9 +30,9 @@ const forwardedProps = useForwardProps(delegatedProps);
   // Outside months
   'data-[outside-view]:text-muted-foreground',
   props.class
-)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarCellTrigger>
+)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarCellTrigger>
 </template>

package/dist/runtime/components/ui/calendar/CalendarGrid.vue

@@ -12,11 +12,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarGrid
-    data-slot="calendar-grid"
-    :class="cn('w-full border-collapse space-x-1', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarGrid>
+  <CalendarGrid
+    data-slot="calendar-grid"
+    :class="cn('w-full border-collapse space-x-1', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarGrid>
 </template>

package/dist/runtime/components/ui/calendar/CalendarGridBody.vue

@@ -7,10 +7,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <CalendarGridBody
-    data-slot="calendar-grid-body"
-    v-bind="props"
-  >
-    <slot />
-  </CalendarGridBody>
+  <CalendarGridBody
+    data-slot="calendar-grid-body"
+    v-bind="props"
+  >
+    <slot />
+  </CalendarGridBody>
 </template>

package/dist/runtime/components/ui/calendar/CalendarGridHead.vue

@@ -8,10 +8,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <CalendarGridHead
-    data-slot="calendar-grid-head"
-    v-bind="props"
-  >
-    <slot />
-  </CalendarGridHead>
+  <CalendarGridHead
+    data-slot="calendar-grid-head"
+    v-bind="props"
+  >
+    <slot />
+  </CalendarGridHead>
 </template>

package/dist/runtime/components/ui/calendar/CalendarGridRow.vue

@@ -12,10 +12,10 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarGridRow
-    data-slot="calendar-grid-row"
-    :class="cn('flex', props.class)" v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarGridRow>
+  <CalendarGridRow
+    data-slot="calendar-grid-row"
+    :class="cn('flex', props.class)" v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarGridRow>
 </template>

package/dist/runtime/components/ui/calendar/CalendarHeadCell.vue

@@ -12,11 +12,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarHeadCell
-    data-slot="calendar-head-cell"
-    :class="cn('text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem]', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarHeadCell>
+  <CalendarHeadCell
+    data-slot="calendar-head-cell"
+    :class="cn('text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem]', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarHeadCell>
 </template>

package/dist/runtime/components/ui/calendar/CalendarHeader.vue

@@ -12,11 +12,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarHeader
-    data-slot="calendar-header"
-    :class="cn('flex justify-center pt-1 relative items-center w-full px-8', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </CalendarHeader>
+  <CalendarHeader
+    data-slot="calendar-header"
+    :class="cn('flex justify-center pt-1 relative items-center w-full px-8', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </CalendarHeader>
 </template>

package/dist/runtime/components/ui/calendar/CalendarHeading.vue

@@ -13,14 +13,14 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarHeading
-    v-slot="{ headingValue }"
-    data-slot="calendar-heading"
-    :class="cn('text-sm font-medium', props.class)"
-    v-bind="forwardedProps"
-  >
-    <slot :heading-value>
-      {{ headingValue }}
-    </slot>
-  </CalendarHeading>
+  <CalendarHeading
+    v-slot="{ headingValue }"
+    data-slot="calendar-heading"
+    :class="cn('text-sm font-medium', props.class)"
+    v-bind="forwardedProps"
+  >
+    <slot :heading-value>
+      {{ headingValue }}
+    </slot>
+  </CalendarHeading>
 </template>

package/dist/runtime/components/ui/calendar/CalendarNextButton.vue

@@ -14,19 +14,19 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarNext
-    data-slot="calendar-next-button"
+  <CalendarNext
+    data-slot="calendar-next-button"
     :class="
   cn(
     buttonVariants({ variant: 'outline' }),
     'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
     props.class
   )
-"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <Icon name="lucide:chevron-right" size="16" />
-    </slot>
-  </CalendarNext>
+"
+    v-bind="forwardedProps"
+  >
+    <slot>
+      <Icon name="lucide:chevron-right" size="16" />
+    </slot>
+  </CalendarNext>
 </template>

package/dist/runtime/components/ui/calendar/CalendarPrevButton.vue

@@ -14,19 +14,19 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <CalendarPrev
-    data-slot="calendar-prev-button"
+  <CalendarPrev
+    data-slot="calendar-prev-button"
     :class="
   cn(
     buttonVariants({ variant: 'outline' }),
     'size-7 bg-transparent p-0 opacity-50 hover:opacity-100',
     props.class
   )
-"
-    v-bind="forwardedProps"
-  >
-    <slot>
-      <Icon name="lucide:chevron-left" size="16" />
-    </slot>
-  </CalendarPrev>
+"
+    v-bind="forwardedProps"
+  >
+    <slot>
+      <Icon name="lucide:chevron-left" size="16" />
+    </slot>
+  </CalendarPrev>
 </template>

package/dist/runtime/components/ui/card/Card.vue

@@ -1,17 +1,17 @@
 <template>
-  <Form v-slot="{ meta }" @submit="onSubmit">
-    <div
-      data-slot="card"
+  <Form v-slot="{ meta }" @submit="onSubmit">
+    <div
+      data-slot="card"
       :class="
   cn(
     'bg-card text-card-foreground flex flex-col gap-4 rounded-xl py-4',
     props.class
   )
-"
-    >
-      <slot name="default" :meta="meta" />
-    </div>
-  </Form>
+"
+    >
+      <slot name="default" :meta="meta" />
+    </div>
+  </Form>
 </template>
 
 <script setup>

package/dist/runtime/components/ui/card/CardAction.vue

@@ -6,15 +6,15 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="card-action"
+  <div
+    data-slot="card-action"
     :class="
   cn(
     'col-start-2 row-span-2 row-start-1 self-start justify-self-end',
     props.class
   )
-"
-  >
-    <slot />
-  </div>
+"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/card/CardContent.vue

@@ -1,10 +1,10 @@
 <template>
-  <div
-    data-slot="card-content"
-    :class="cn('px-4 font-body-large', props.class)"
-  >
-    <slot />
-  </div>
+  <div
+    data-slot="card-content"
+    :class="cn('px-4 font-body-large', props.class)"
+  >
+    <slot />
+  </div>
 </template>
 
 <script setup>

package/dist/runtime/components/ui/card/CardDescription.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <p
-    data-slot="card-description"
-    :class="cn('text-muted-foreground font-body-large', props.class)"
-  >
-    <slot />
-  </p>
+  <p
+    data-slot="card-description"
+    :class="cn('text-muted-foreground font-body-large', props.class)"
+  >
+    <slot />
+  </p>
 </template>

package/dist/runtime/components/ui/card/CardFooter.vue

@@ -6,12 +6,12 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="card-footer"
+  <div
+    data-slot="card-footer"
     :class="
   cn('flex items-center px-4 [.border-t]:pt-6 font-body-large', props.class)
-"
-  >
-    <slot />
-  </div>
+"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/card/CardHeader.vue

@@ -7,16 +7,16 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="card-header"
+  <div
+    data-slot="card-header"
     :class="
   cn(
     '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
     props.hasGap && 'gap-1.5',
     props.class
   )
-"
-  >
-    <slot />
-  </div>
+"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/card/CardTitle.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <h3
-    data-slot="card-title"
-    :class="cn('leading-none font-title-medium-prominent', props.class)"
-  >
-    <slot />
-  </h3>
+  <h3
+    data-slot="card-title"
+    :class="cn('leading-none font-title-medium-prominent', props.class)"
+  >
+    <slot />
+  </h3>
 </template>

package/dist/runtime/components/ui/carousel/Carousel.vue

@@ -34,14 +34,14 @@ function onKeyDown(event) {
 </script>
 
 <template>
-  <div
-    data-slot="carousel"
-    :class="cn('relative', props.class)"
-    role="region"
-    aria-roledescription="carousel"
-    tabindex="0"
-    @keydown="onKeyDown"
-  >
-    <slot :can-scroll-next :can-scroll-prev :carousel-api :carousel-ref :orientation :scroll-next :scroll-prev />
-  </div>
+  <div
+    data-slot="carousel"
+    :class="cn('relative', props.class)"
+    role="region"
+    aria-roledescription="carousel"
+    tabindex="0"
+    @keydown="onKeyDown"
+  >
+    <slot :can-scroll-next :can-scroll-prev :carousel-api :carousel-ref :orientation :scroll-next :scroll-prev />
+  </div>
 </template>

package/dist/runtime/components/ui/carousel/CarouselContent.vue

@@ -11,22 +11,22 @@ const { carouselRef, orientation } = useCarousel();
 </script>
 
 <template>
-  <div
-    ref="carouselRef"
-    data-slot="carousel-content"
-    :class="cn('overflow-hidden', props.class)"
-  >
-    <div
+  <div
+    ref="carouselRef"
+    data-slot="carousel-content"
+    :class="cn('overflow-hidden', props.class)"
+  >
+    <div
       :class="
   cn(
     'flex',
     orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
     props.class
   )
-"
-      v-bind="$attrs"
-    >
-      <slot />
-    </div>
-  </div>
+"
+      v-bind="$attrs"
+    >
+      <slot />
+    </div>
+  </div>
 </template>

package/dist/runtime/components/ui/carousel/CarouselItem.vue

@@ -8,16 +8,16 @@ const { orientation } = useCarousel();
 </script>
 
 <template>
-  <div
-    data-slot="carousel-item"
-    role="group"
-    aria-roledescription="slide"
+  <div
+    data-slot="carousel-item"
+    role="group"
+    aria-roledescription="slide"
     :class="cn(
   'min-w-0 shrink-0 grow-0 basis-full',
   orientation === 'horizontal' ? 'pl-4' : 'pt-4',
   props.class
-)"
-  >
-    <slot />
-  </div>
+)"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/carousel/CarouselNext.vue

@@ -11,23 +11,23 @@ const { orientation, canScrollNext, scrollNext } = useCarousel();
 </script>
 
 <template>
-  <Button
-    data-slot="carousel-next"
-    :disabled="!canScrollNext"
+  <Button
+    data-slot="carousel-next"
+    :disabled="!canScrollNext"
     :class="
   cn(
     'absolute size-8 rounded-full bg-dark text-white flex items-center justify-center shrink-0 border-0',
     orientation === 'horizontal' ? 'top-1/2 -right-12 -translate-y-1/2' : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
     props.class
   )
-"
-    :variant="variant"
-    :size="size"
-    @click="scrollNext"
-  >
-    <slot>
-      <Icon name="lucide:chevron-right" class="text-white size-5" />
-      <span class="sr-only">Next Slide</span>
-    </slot>
-  </Button>
+"
+    :variant="variant"
+    :size="size"
+    @click="scrollNext"
+  >
+    <slot>
+      <Icon name="lucide:chevron-right" class="text-white size-5" />
+      <span class="sr-only">Next Slide</span>
+    </slot>
+  </Button>
 </template>

package/dist/runtime/components/ui/carousel/CarouselPrevious.vue

@@ -11,23 +11,23 @@ const { orientation, canScrollPrev, scrollPrev } = useCarousel();
 </script>
 
 <template>
-  <Button
-    data-slot="carousel-previous"
-    :disabled="!canScrollPrev"
+  <Button
+    data-slot="carousel-previous"
+    :disabled="!canScrollPrev"
     :class="
   cn(
     'absolute size-8 rounded-full bg-dark text-white flex items-center justify-center shrink-0 border-0',
     orientation === 'horizontal' ? 'top-1/2 -left-12 -translate-y-1/2' : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
     props.class
   )
-"
-    :variant="variant"
-    :size="size"
-    @click="scrollPrev"
-  >
-    <slot>
-      <Icon name="lucide:chevron-left" class="text-white size-5" />
-      <span class="sr-only">Previous Slide</span>
-    </slot>
-  </Button>
+"
+    :variant="variant"
+    :size="size"
+    @click="scrollPrev"
+  >
+    <slot>
+      <Icon name="lucide:chevron-left" class="text-white size-5" />
+      <span class="sr-only">Previous Slide</span>
+    </slot>
+  </Button>
 </template>

package/dist/runtime/components/ui/checkbox/Checkbox.vue

@@ -26,12 +26,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     'flex items-center justify-center peer border-black data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[2px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
     props.class
   )
-">
-    <CheckboxIndicator data-slot="checkbox-indicator" class="grid place-content-center text-current transition-none">
-      <slot>
-        <Icon v-if="props.indeterminate" name="lucide:minus" size="16" />
-        <Icon v-else name="lucide:check" />
-      </slot>
-    </CheckboxIndicator>
-  </CheckboxRoot>
+">
+    <CheckboxIndicator data-slot="checkbox-indicator" class="grid place-content-center text-current transition-none">
+      <slot>
+        <Icon v-if="props.indeterminate" name="lucide:minus" size="16" />
+        <Icon v-else name="lucide:check" />
+      </slot>
+    </CheckboxIndicator>
+  </CheckboxRoot>
 </template>

package/dist/runtime/components/ui/command/Command.vue

@@ -77,16 +77,16 @@ provideCommandContext({
 </script>
 
 <template>
-  <ListboxRoot
-    data-slot="command"
-    v-bind="forwarded"
+  <ListboxRoot
+    data-slot="command"
+    v-bind="forwarded"
     :class="
   cn(
     'bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md',
     props.class
   )
-"
-  >
-    <slot />
-  </ListboxRoot>
+"
+  >
+    <slot />
+  </ListboxRoot>
 </template>

package/dist/runtime/components/ui/command/CommandDialog.vue

@@ -14,15 +14,15 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <Dialog v-slot="slotProps" v-bind="forwarded">
-    <DialogContent class="overflow-hidden p-0 ">
-      <DialogHeader class="sr-only">
-        <DialogTitle>{{ title }}</DialogTitle>
-        <DialogDescription>{{ description }}</DialogDescription>
-      </DialogHeader>
-      <Command>
-        <slot v-bind="slotProps" />
-      </Command>
-    </DialogContent>
-  </Dialog>
+  <Dialog v-slot="slotProps" v-bind="forwarded">
+    <DialogContent class="overflow-hidden p-0 ">
+      <DialogHeader class="sr-only">
+        <DialogTitle>{{ title }}</DialogTitle>
+        <DialogDescription>{{ description }}</DialogDescription>
+      </DialogHeader>
+      <Command>
+        <slot v-bind="slotProps" />
+      </Command>
+    </DialogContent>
+  </Dialog>
 </template>