pukaad-ui-lib 1.271.2 → 1.272.0

package/dist/runtime/components/ui/pin-input/PinInput.vue

@@ -24,16 +24,16 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <PinInputRoot
-    data-slot="pin-input"
-    v-bind="forwarded"
+  <PinInputRoot
+    data-slot="pin-input"
+    v-bind="forwarded"
     :class="
   cn(
     'flex items-center gap-2 has-disabled:opacity-50 disabled:cursor-not-allowed',
     props.class
   )
-"
-  >
-    <slot />
-  </PinInputRoot>
+"
+  >
+    <slot />
+  </PinInputRoot>
 </template>

package/dist/runtime/components/ui/pin-input/PinInputGroup.vue

@@ -12,11 +12,11 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <Primitive
-    data-slot="pin-input-group"
-    v-bind="forwardedProps"
-    :class="cn('w-full flex items-center gap-[16px]', props.class)"
-  >
-    <slot />
-  </Primitive>
+  <Primitive
+    data-slot="pin-input-group"
+    v-bind="forwardedProps"
+    :class="cn('w-full flex items-center gap-[16px]', props.class)"
+  >
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/components/ui/pin-input/PinInputSeparator.vue

@@ -8,7 +8,7 @@ const forwardedProps = useForwardProps(props);
 </script>
 
 <template>
-  <Primitive data-slot="pin-input-separator" v-bind="forwardedProps">
-    <slot> </slot>
-  </Primitive>
+  <Primitive data-slot="pin-input-separator" v-bind="forwardedProps">
+    <slot> </slot>
+  </Primitive>
 </template>

package/dist/runtime/components/ui/pin-input/PinInputSlot.vue

@@ -14,9 +14,9 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <PinInputInput
-    data-slot="pin-input-slot"
-    v-bind="forwardedProps"
+  <PinInputInput
+    data-slot="pin-input-slot"
+    v-bind="forwardedProps"
     :class="
   cn(
     'font-body-medium',
@@ -25,6 +25,6 @@ const forwardedProps = useForwardProps(delegatedProps);
     'outline-none text-center rounded-md focus:z-10  focus:ring-[2px] focus:aria-invalid:ring-[0px] aria-invalid:border-destructive focus:aria-invalid:border-destructive',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/ui/popover/Popover.vue

@@ -10,11 +10,11 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <PopoverRoot
-    v-slot="slotProps"
-    data-slot="popover"
-    v-bind="forwarded"
-  >
-    <slot v-bind="slotProps" />
-  </PopoverRoot>
+  <PopoverRoot
+    v-slot="slotProps"
+    data-slot="popover"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </PopoverRoot>
 </template>

package/dist/runtime/components/ui/popover/PopoverAnchor.vue

@@ -8,10 +8,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <PopoverAnchor
-    data-slot="popover-anchor"
-    v-bind="props"
-  >
-    <slot />
-  </PopoverAnchor>
+  <PopoverAnchor
+    data-slot="popover-anchor"
+    v-bind="props"
+  >
+    <slot />
+  </PopoverAnchor>
 </template>

package/dist/runtime/components/ui/popover/PopoverContent.vue

@@ -36,18 +36,18 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <PopoverPortal>
-    <PopoverContent
-      data-slot="popover-content"
-      v-bind="{ ...$attrs, ...forwarded }"
+  <PopoverPortal>
+    <PopoverContent
+      data-slot="popover-content"
+      v-bind="{ ...$attrs, ...forwarded }"
       :class="
   cn(
     'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 rounded-md border shadow-md origin-(--reka-popover-content-transform-origin) outline-hidden w-[var(--reka-popover-trigger-width)]',
     props.class
   )
-"
-    >
-      <slot />
-    </PopoverContent>
-  </PopoverPortal>
+"
+    >
+      <slot />
+    </PopoverContent>
+  </PopoverPortal>
 </template>

package/dist/runtime/components/ui/popover/PopoverTrigger.vue

@@ -7,10 +7,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <PopoverTrigger
-    data-slot="popover-trigger"
-    v-bind="props"
-  >
-    <slot />
-  </PopoverTrigger>
+  <PopoverTrigger
+    data-slot="popover-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </PopoverTrigger>
 </template>

package/dist/runtime/components/ui/scroll-area/ScrollArea.vue

@@ -15,18 +15,18 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <ScrollAreaRoot
-    data-slot="scroll-area"
-    v-bind="delegatedProps"
-    :class="cn('relative', props.class)"
-  >
-    <ScrollAreaViewport
-      data-slot="scroll-area-viewport"
-      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-    >
-      <slot />
-    </ScrollAreaViewport>
-    <ScrollBar />
-    <ScrollAreaCorner />
-  </ScrollAreaRoot>
+  <ScrollAreaRoot
+    data-slot="scroll-area"
+    v-bind="delegatedProps"
+    :class="cn('relative', props.class)"
+  >
+    <ScrollAreaViewport
+      data-slot="scroll-area-viewport"
+      class="focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
+    >
+      <slot />
+    </ScrollAreaViewport>
+    <ScrollBar />
+    <ScrollAreaCorner />
+  </ScrollAreaRoot>
 </template>

package/dist/runtime/components/ui/scroll-area/ScrollBar.vue

@@ -13,9 +13,9 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <ScrollAreaScrollbar
-    data-slot="scroll-area-scrollbar"
-    v-bind="delegatedProps"
+  <ScrollAreaScrollbar
+    data-slot="scroll-area-scrollbar"
+    v-bind="delegatedProps"
     :class="
   cn(
     'flex touch-none p-px transition-colors select-none',
@@ -23,11 +23,11 @@ const delegatedProps = reactiveOmit(props, "class");
     orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',
     props.class
   )
-"
-  >
-    <ScrollAreaThumb
-      data-slot="scroll-area-thumb"
-      class="bg-border relative flex-1 rounded-full"
-    />
-  </ScrollAreaScrollbar>
+"
+  >
+    <ScrollAreaThumb
+      data-slot="scroll-area-thumb"
+      class="bg-border relative flex-1 rounded-full"
+    />
+  </ScrollAreaScrollbar>
 </template>

package/dist/runtime/components/ui/select/Select.vue

@@ -18,11 +18,11 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <SelectRoot
-    v-slot="slotProps"
-    data-slot="select"
-    v-bind="forwarded"
-  >
-    <slot v-bind="slotProps" />
-  </SelectRoot>
+  <SelectRoot
+    v-slot="slotProps"
+    data-slot="select"
+    v-bind="forwarded"
+  >
+    <slot v-bind="slotProps" />
+  </SelectRoot>
 </template>

package/dist/runtime/components/ui/select/SelectContent.vue

@@ -44,20 +44,20 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <SelectPortal>
+  <SelectPortal>
     <SelectContent data-slot="select-content" v-bind="{ ...$attrs, ...forwarded }" :class="
   cn(
     'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
     position === 'popper' && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
     props.class
   )
-">
-      <SelectScrollUpButton />
-      <SelectViewport
-        :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')">
-        <slot />
-      </SelectViewport>
-      <SelectScrollDownButton />
-    </SelectContent>
-  </SelectPortal>
+">
+      <SelectScrollUpButton />
+      <SelectViewport
+        :class="cn('p-1', position === 'popper' && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1')">
+        <slot />
+      </SelectViewport>
+      <SelectScrollDownButton />
+    </SelectContent>
+  </SelectPortal>
 </template>

package/dist/runtime/components/ui/select/SelectGroup.vue

@@ -7,10 +7,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <SelectGroup
-    data-slot="select-group"
-    v-bind="props"
-  >
-    <slot />
-  </SelectGroup>
+  <SelectGroup
+    data-slot="select-group"
+    v-bind="props"
+  >
+    <slot />
+  </SelectGroup>
 </template>

package/dist/runtime/components/ui/select/SelectItem.vue

@@ -20,27 +20,27 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectItem
-    data-slot="select-item"
-    v-bind="forwardedProps"
+  <SelectItem
+    data-slot="select-item"
+    v-bind="forwardedProps"
     :class="
   cn(
     'font-body-medium',
     'focus:bg-accent focus:text-accent-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2  outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2',
     props.class
   )
-"
-  >
-    <span class="absolute right-2 flex size-3.5 items-center justify-center">
-      <SelectItemIndicator>
-        <slot name="indicator-icon">
-          <Icon name="lucide:check" class="size-4" />
-        </slot>
-      </SelectItemIndicator>
-    </span>
-
-    <SelectItemText>
-      <slot />
-    </SelectItemText>
-  </SelectItem>
+"
+  >
+    <span class="absolute right-2 flex size-3.5 items-center justify-center">
+      <SelectItemIndicator>
+        <slot name="indicator-icon">
+          <Icon name="lucide:check" class="size-4" />
+        </slot>
+      </SelectItemIndicator>
+    </span>
+
+    <SelectItemText>
+      <slot />
+    </SelectItemText>
+  </SelectItem>
 </template>

package/dist/runtime/components/ui/select/SelectItemText.vue

@@ -7,10 +7,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <SelectItemText
-    data-slot="select-item-text"
-    v-bind="props"
-  >
-    <slot />
-  </SelectItemText>
+  <SelectItemText
+    data-slot="select-item-text"
+    v-bind="props"
+  >
+    <slot />
+  </SelectItemText>
 </template>

package/dist/runtime/components/ui/select/SelectLabel.vue

@@ -10,12 +10,12 @@ const props = defineProps({
 </script>
 
 <template>
-  <SelectLabel
-    data-slot="select-label"
+  <SelectLabel
+    data-slot="select-label"
     :class="
   cn('text-muted-foreground px-2 py-1.5 font-body-small', props.class)
-"
-  >
-    <slot />
-  </SelectLabel>
+"
+  >
+    <slot />
+  </SelectLabel>
 </template>

package/dist/runtime/components/ui/select/SelectScrollDownButton.vue

@@ -12,15 +12,15 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectScrollDownButton
-    data-slot="select-scroll-down-button"
-    v-bind="forwardedProps"
+  <SelectScrollDownButton
+    data-slot="select-scroll-down-button"
+    v-bind="forwardedProps"
     :class="
   cn('flex cursor-default items-center justify-center  py-1', props.class)
-"
-  >
-    <slot>
-      <Icon name="lucide:chevron-down" size="16" class="text-black" />
-    </slot>
-  </SelectScrollDownButton>
+"
+  >
+    <slot>
+      <Icon name="lucide:chevron-down" size="16" class="text-black" />
+    </slot>
+  </SelectScrollDownButton>
 </template>

package/dist/runtime/components/ui/select/SelectScrollUpButton.vue

@@ -12,15 +12,15 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectScrollUpButton
-    data-slot="select-scroll-up-button"
-    v-bind="forwardedProps"
+  <SelectScrollUpButton
+    data-slot="select-scroll-up-button"
+    v-bind="forwardedProps"
     :class="
   cn('flex cursor-default items-center justify-center py-1', props.class)
-"
-  >
-    <slot>
-      <Icon name="lucide:chevron-up" size="16" class="text-black" />
-    </slot>
-  </SelectScrollUpButton>
+"
+  >
+    <slot>
+      <Icon name="lucide:chevron-up" size="16" class="text-black" />
+    </slot>
+  </SelectScrollUpButton>
 </template>

package/dist/runtime/components/ui/select/SelectSeparator.vue

@@ -11,9 +11,9 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <SelectSeparator
-    data-slot="select-separator"
-    v-bind="delegatedProps"
-    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
-  />
+  <SelectSeparator
+    data-slot="select-separator"
+    v-bind="delegatedProps"
+    :class="cn('bg-border pointer-events-none -mx-1 my-1 h-px', props.class)"
+  />
 </template>

package/dist/runtime/components/ui/select/SelectTrigger.vue

@@ -15,21 +15,21 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <SelectTrigger
-    data-slot="select-trigger"
-    :data-size="size"
-    v-bind="forwardedProps"
+  <SelectTrigger
+    data-slot="select-trigger"
+    :data-size="size"
+    v-bind="forwardedProps"
     :class="
   cn(
     'font-body-medium',
     'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*=\'text-\'])]:text-muted-foreground aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
     props.class
   )
-"
-  >
-    <slot />
-    <SelectIcon as-child>
-      <Icon name="lucide:chevron-down" size="16" class="text-gray" />
-    </SelectIcon>
-  </SelectTrigger>
+"
+  >
+    <slot />
+    <SelectIcon as-child>
+      <Icon name="lucide:chevron-down" size="16" class="text-gray" />
+    </SelectIcon>
+  </SelectTrigger>
 </template>

package/dist/runtime/components/ui/select/SelectValue.vue

@@ -8,10 +8,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <SelectValue
-    data-slot="select-value"
-    v-bind="props"
-  >
-    <slot />
-  </SelectValue>
+  <SelectValue
+    data-slot="select-value"
+    v-bind="props"
+  >
+    <slot />
+  </SelectValue>
 </template>

package/dist/runtime/components/ui/separator/Separator.vue

@@ -13,14 +13,14 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <Separator
-    data-slot="separator"
-    v-bind="delegatedProps"
+  <Separator
+    data-slot="separator"
+    v-bind="delegatedProps"
     :class="
   cn(
     'bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/ui/sheet/Sheet.vue

@@ -10,7 +10,7 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <DialogRoot data-slot="sheet" v-bind="forwarded">
-    <slot />
-  </DialogRoot>
+  <DialogRoot data-slot="sheet" v-bind="forwarded">
+    <slot />
+  </DialogRoot>
 </template>

package/dist/runtime/components/ui/sheet/SheetClose.vue

@@ -7,7 +7,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <DialogClose data-slot="sheet-close" v-bind="props">
-    <slot />
-  </DialogClose>
+  <DialogClose data-slot="sheet-close" v-bind="props">
+    <slot />
+  </DialogClose>
 </template>

package/dist/runtime/components/ui/sheet/SheetContent.vue

@@ -1,8 +1,8 @@
 <template>
-  <DialogPortal>
-    <SheetOverlay />
-    <DialogContent
-      data-slot="sheet-content"
+  <DialogPortal>
+    <SheetOverlay />
+    <DialogContent
+      data-slot="sheet-content"
       :class="
   cn(
     'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
@@ -12,28 +12,28 @@
     side === 'bottom' && 'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',
     props.class
   )
-"
-      @escape-key-down="onOutSideClick"
-      @pointer-down-outside="onOutSideClick"
-      v-bind="{ ...forwarded, ...$attrs }"
-    >
-      <Form
-        v-slot="{ meta }"
-        @submit="onSubmit"
-        class="h-full flex flex-col gap-4"
-      >
-        <slot :meta="meta" />
-        <button
-          type="button"
-          class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer"
-          @click="onClose"
-        >
-          <Icon name="lucide:x" :size="24" />
-          <span class="sr-only">Closed</span>
-        </button>
-      </Form>
-    </DialogContent>
-  </DialogPortal>
+"
+      @escape-key-down="onOutSideClick"
+      @pointer-down-outside="onOutSideClick"
+      v-bind="{ ...forwarded, ...$attrs }"
+    >
+      <Form
+        v-slot="{ meta }"
+        @submit="onSubmit"
+        class="h-full flex flex-col gap-4"
+      >
+        <slot :meta="meta" />
+        <button
+          type="button"
+          class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none cursor-pointer"
+          @click="onClose"
+        >
+          <Icon name="lucide:x" :size="24" />
+          <span class="sr-only">Closed</span>
+        </button>
+      </Form>
+    </DialogContent>
+  </DialogPortal>
 </template>
 
 <script setup>

package/dist/runtime/components/ui/sheet/SheetDescription.vue

@@ -11,11 +11,11 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <DialogDescription
-    data-slot="sheet-description"
-    :class="cn('text-muted-foreground text-sm', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogDescription>
+  <DialogDescription
+    data-slot="sheet-description"
+    :class="cn('text-muted-foreground text-sm', props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </DialogDescription>
 </template>

package/dist/runtime/components/ui/sheet/SheetFooter.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="sheet-footer"
-    :class="cn('mt-auto flex flex-col gap-2 pb-[24px] px-[24px]', props.class)"
-  >
-    <slot />
-  </div>
+  <div
+    data-slot="sheet-footer"
+    :class="cn('mt-auto flex flex-col gap-2 pb-[24px] px-[24px]', props.class)"
+  >
+    <slot />
+  </div>
 </template>