pukaad-ui-lib 1.450.2 → 1.451.0

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-gray font-body-large', props.class)"
-  >
-    <slot />
-  </p>
+  <p
+    data-slot="card-description"
+    :class="cn('text-gray 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/chart/ChartContainer.vue

@@ -24,13 +24,13 @@ provideChartContext({
 </script>
 
 <template>
-  <div
-    data-slot="chart"
-    :data-chart="chartId"
+  <div
+    data-slot="chart"
+    :data-chart="chartId"
     :class="cn(
   `[&_.tick_text]:!fill-muted-foreground [&_.tick_line]:!stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex flex-col aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden [&_[data-vis-xy-container]]:h-full [&_[data-vis-single-container]]:h-full h-full [&_[data-vis-xy-container]]:w-full [&_[data-vis-single-container]]:w-full w-full `,
   props.class
-)"
+)"
     :style="{
   '--vis-tooltip-padding': '0px',
   '--vis-tooltip-background-color': 'transparent',
@@ -41,9 +41,9 @@ provideChartContext({
   '--vis-crosshair-circle-stroke-color': '#0000',
   '--vis-crosshair-line-stroke-width': cursor ? '1px' : '0px',
   '--vis-font-family': 'var(--font-sans)'
-}"
-  >
-    <slot :id="uniqueId" :config="config" />
-    <ChartStyle :id="chartId" />
-  </div>
+}"
+  >
+    <slot :id="uniqueId" :config="config" />
+    <ChartStyle :id="chartId" />
+  </div>
 </template>

package/dist/runtime/components/ui/chart/ChartLegendContent.vue

@@ -22,31 +22,31 @@ onMounted(() => {
 </script>
 
 <template>
-  <div
-    v-if="containerSelector"
+  <div
+    v-if="containerSelector"
     :class="cn(
   'flex items-center justify-center gap-4',
   verticalAlign === 'top' ? 'pb-3' : 'pt-3',
   props.class
-)"
-  >
-    <div
-      v-for="{ key, itemConfig } in payload"
-      :key="key"
+)"
+  >
+    <div
+      v-for="{ key, itemConfig } in payload"
+      :key="key"
       :class="cn(
   '[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3'
-)"
-    >
-      <component :is="itemConfig.icon" v-if="itemConfig.icon" />
-      <div
-        v-else
-        class="h-2 w-2 shrink-0 rounded-xs"
+)"
+    >
+      <component :is="itemConfig.icon" v-if="itemConfig.icon" />
+      <div
+        v-else
+        class="h-2 w-2 shrink-0 rounded-xs"
         :style="{
   backgroundColor: itemConfig?.color
-}"
-      />
-
-      {{ itemConfig.label }}
-    </div>
-  </div>
+}"
+      />
+
+      {{ itemConfig.label }}
+    </div>
+  </div>
 </template>

package/dist/runtime/components/ui/chart/ChartStyle.vue

@@ -14,10 +14,10 @@ const colorConfig = computed(() => {
 </script>
 
 <template>
-  <Primitive
-    v-if="colorConfig.length"
-    as="style"
-  >
+  <Primitive
+    v-if="colorConfig.length"
+    as="style"
+  >
     {{ Object.entries(THEMES).map(
   ([theme, prefix]) => `
 ${prefix} [data-chart=${id}] {
@@ -27,6 +27,6 @@ ${colorConfig.map(([key, itemConfig]) => {
   }).join("\n")}
 }
 `
-).join("\n") }}
-  </Primitive>
+).join("\n") }}
+  </Primitive>
 </template>