pukaad-ui-lib 1.376.0 → 1.376.2

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

@@ -79,146 +79,146 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <DefineMonthTemplate v-slot="{ date }">
-    <div class="**:data-[slot=native-select-icon]:right-1">
-      <div class="relative">
-        <div
-          class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"
-        >
-          {{ formatter.custom(toDate(date), { month: "short" }) }}
-        </div>
-        <NativeSelect
-          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
+  <DefineMonthTemplate v-slot="{ date }">
+    <div class="**:data-[slot=native-select-icon]:right-1">
+      <div class="relative">
+        <div
+          class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"
+        >
+          {{ formatter.custom(toDate(date), { month: "short" }) }}
+        </div>
+        <NativeSelect
+          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
           @change="
   (e) => {
     placeholder = placeholder.set({
       month: Number(e?.target?.value)
     });
   }
-"
-        >
-          <NativeSelectOption
-            v-for="month in createYear({ dateObj: date })"
-            :key="month.toString()"
-            :value="month.month"
-            :selected="date.month === month.month"
+"
+        >
+          <NativeSelectOption
+            v-for="month in createYear({ dateObj: date })"
+            :key="month.toString()"
+            :value="month.month"
+            :selected="date.month === month.month"
             :class="
   date.month === month.month ? 'text-primary font-medium' : ''
-"
-          >
-            {{ formatter.custom(toDate(month), { month: "short" }) }}
-          </NativeSelectOption>
-        </NativeSelect>
-      </div>
-    </div>
-  </DefineMonthTemplate>
-
-  <DefineYearTemplate v-slot="{ date }">
-    <div class="**:data-[slot=native-select-icon]:right-1">
-      <div class="relative">
-        <div
-          class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"
-        >
-          {{ formatter.custom(toDate(date), { year: "numeric" }) }}
-        </div>
-        <NativeSelect
-          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
+"
+          >
+            {{ formatter.custom(toDate(month), { month: "short" }) }}
+          </NativeSelectOption>
+        </NativeSelect>
+      </div>
+    </div>
+  </DefineMonthTemplate>
+
+  <DefineYearTemplate v-slot="{ date }">
+    <div class="**:data-[slot=native-select-icon]:right-1">
+      <div class="relative">
+        <div
+          class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"
+        >
+          {{ formatter.custom(toDate(date), { year: "numeric" }) }}
+        </div>
+        <NativeSelect
+          class="text-xs h-8 pr-6 pl-2 text-transparent relative"
           @change="
   (e) => {
     placeholder = placeholder.set({
       year: Number(e?.target?.value)
     });
   }
-"
-        >
-          <NativeSelectOption
-            v-for="year in displayYearRange"
-            :key="year.toString()"
-            :value="year.year"
-            :selected="date.year === year.year"
-            :class="date.year === year.year ? 'text-primary font-medium' : ''"
-          >
-            {{ formatter.custom(toDate(year), { year: "numeric" }) }}
-          </NativeSelectOption>
-        </NativeSelect>
-      </div>
-    </div>
-  </DefineYearTemplate>
-
-  <CalendarRoot
-    v-slot="{ grid, weekDays, date }"
-    v-bind="forwarded"
-    v-model:placeholder="placeholder"
-    data-slot="calendar"
-    :class="cn('p-3', props.class)"
-  >
-    <CalendarHeader class="pt-0">
-      <nav
-        class="flex items-center gap-1 absolute top-0 inset-x-0 justify-between"
-      >
-        <CalendarPrevButton>
-          <slot name="calendar-prev-icon" />
-        </CalendarPrevButton>
-        <CalendarNextButton>
-          <slot name="calendar-next-icon" />
-        </CalendarNextButton>
-      </nav>
-
-      <slot
-        name="calendar-heading"
-        :date="date"
-        :month="ReuseMonthTemplate"
-        :year="ReuseYearTemplate"
-      >
-        <template v-if="layout === 'month-and-year'">
-          <div class="flex items-center justify-center gap-1">
-            <ReuseMonthTemplate :date="date" />
-            <ReuseYearTemplate :date="date" />
-          </div>
-        </template>
-        <template v-else-if="layout === 'month-only'">
-          <div class="flex items-center justify-center gap-1">
-            <ReuseMonthTemplate :date="date" />
-            {{ formatter.custom(toDate(date), { year: "numeric" }) }}
-          </div>
-        </template>
-        <template v-else-if="layout === 'year-only'">
-          <div class="flex items-center justify-center gap-1">
-            {{ formatter.custom(toDate(date), { month: "short" }) }}
-            <ReuseYearTemplate :date="date" />
-          </div>
-        </template>
-        <template v-else>
-          <CalendarHeading />
-        </template>
-      </slot>
-    </CalendarHeader>
-
-    <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
-      <CalendarGrid v-for="month in grid" :key="month.value.toString()">
-        <CalendarGridHead>
-          <CalendarGridRow>
-            <CalendarHeadCell v-for="day in weekDays" :key="day">
-              {{ day }}
-            </CalendarHeadCell>
-          </CalendarGridRow>
-        </CalendarGridHead>
-        <CalendarGridBody>
-          <CalendarGridRow
-            v-for="(weekDates, index) in month.rows"
-            :key="`weekDate-${index}`"
-            class="mt-2 w-full"
-          >
-            <CalendarCell
-              v-for="weekDate in weekDates"
-              :key="weekDate.toString()"
-              :date="weekDate"
-            >
-              <CalendarCellTrigger :day="weekDate" :month="month.value" />
-            </CalendarCell>
-          </CalendarGridRow>
-        </CalendarGridBody>
-      </CalendarGrid>
-    </div>
-  </CalendarRoot>
+"
+        >
+          <NativeSelectOption
+            v-for="year in displayYearRange"
+            :key="year.toString()"
+            :value="year.year"
+            :selected="date.year === year.year"
+            :class="date.year === year.year ? 'text-primary font-medium' : ''"
+          >
+            {{ formatter.custom(toDate(year), { year: "numeric" }) }}
+          </NativeSelectOption>
+        </NativeSelect>
+      </div>
+    </div>
+  </DefineYearTemplate>
+
+  <CalendarRoot
+    v-slot="{ grid, weekDays, date }"
+    v-bind="forwarded"
+    v-model:placeholder="placeholder"
+    data-slot="calendar"
+    :class="cn('p-3', props.class)"
+  >
+    <CalendarHeader class="pt-0">
+      <nav
+        class="flex items-center gap-1 absolute top-0 inset-x-0 justify-between"
+      >
+        <CalendarPrevButton>
+          <slot name="calendar-prev-icon" />
+        </CalendarPrevButton>
+        <CalendarNextButton>
+          <slot name="calendar-next-icon" />
+        </CalendarNextButton>
+      </nav>
+
+      <slot
+        name="calendar-heading"
+        :date="date"
+        :month="ReuseMonthTemplate"
+        :year="ReuseYearTemplate"
+      >
+        <template v-if="layout === 'month-and-year'">
+          <div class="flex items-center justify-center gap-1">
+            <ReuseMonthTemplate :date="date" />
+            <ReuseYearTemplate :date="date" />
+          </div>
+        </template>
+        <template v-else-if="layout === 'month-only'">
+          <div class="flex items-center justify-center gap-1">
+            <ReuseMonthTemplate :date="date" />
+            {{ formatter.custom(toDate(date), { year: "numeric" }) }}
+          </div>
+        </template>
+        <template v-else-if="layout === 'year-only'">
+          <div class="flex items-center justify-center gap-1">
+            {{ formatter.custom(toDate(date), { month: "short" }) }}
+            <ReuseYearTemplate :date="date" />
+          </div>
+        </template>
+        <template v-else>
+          <CalendarHeading />
+        </template>
+      </slot>
+    </CalendarHeader>
+
+    <div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0">
+      <CalendarGrid v-for="month in grid" :key="month.value.toString()">
+        <CalendarGridHead>
+          <CalendarGridRow>
+            <CalendarHeadCell v-for="day in weekDays" :key="day">
+              {{ day }}
+            </CalendarHeadCell>
+          </CalendarGridRow>
+        </CalendarGridHead>
+        <CalendarGridBody>
+          <CalendarGridRow
+            v-for="(weekDates, index) in month.rows"
+            :key="`weekDate-${index}`"
+            class="mt-2 w-full"
+          >
+            <CalendarCell
+              v-for="weekDate in weekDates"
+              :key="weekDate.toString()"
+              :date="weekDate"
+            >
+              <CalendarCellTrigger :day="weekDate" :month="month.value" />
+            </CalendarCell>
+          </CalendarGridRow>
+        </CalendarGridBody>
+      </CalendarGrid>
+    </div>
+  </CalendarRoot>
 </template>

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-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>