pukaad-ui-lib 1.271.2 → 1.272.0

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -12,7 +12,7 @@ const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
-  <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
-    <slot />
-  </DropdownMenuSub>
+  <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
+    <slot />
+  </DropdownMenuSub>
 </template>

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -34,11 +34,11 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <DropdownMenuSubContent
-    data-slot="dropdown-menu-sub-content"
-    v-bind="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 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
-  >
-    <slot />
-  </DropdownMenuSubContent>
+  <DropdownMenuSubContent
+    data-slot="dropdown-menu-sub-content"
+    v-bind="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 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
+  >
+    <slot />
+  </DropdownMenuSubContent>
 </template>

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -18,15 +18,15 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <DropdownMenuSubTrigger
-    data-slot="dropdown-menu-sub-trigger"
-    v-bind="forwardedProps"
+  <DropdownMenuSubTrigger
+    data-slot="dropdown-menu-sub-trigger"
+    v-bind="forwardedProps"
     :class="cn(
   'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',
   props.class
-)"
-  >
-    <slot />
-   
-  </DropdownMenuSubTrigger>
+)"
+  >
+    <slot />
+   
+  </DropdownMenuSubTrigger>
 </template>

package/dist/runtime/components/ui/dropdown-menu/DropdownMenuTrigger.vue

@@ -9,10 +9,10 @@ const forwardedProps = useForwardProps(props);
 </script>
 
 <template>
-  <DropdownMenuTrigger
-    data-slot="dropdown-menu-trigger"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </DropdownMenuTrigger>
+  <DropdownMenuTrigger
+    data-slot="dropdown-menu-trigger"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </DropdownMenuTrigger>
 </template>

package/dist/runtime/components/ui/form/FormControl.vue

@@ -5,14 +5,14 @@ const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
 </script>
 
 <template>
-  <Slot
-    :id="formItemId"
-    data-slot="form-control"
+  <Slot
+    :id="formItemId"
+    data-slot="form-control"
     :aria-describedby="
   !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`
-"
-    :aria-invalid="!!error"
-  >
-    <slot />
-  </Slot>
+"
+    :aria-invalid="!!error"
+  >
+    <slot />
+  </Slot>
 </template>

package/dist/runtime/components/ui/form/FormDescription.vue

@@ -8,11 +8,11 @@ const { formDescriptionId } = useFormField();
 </script>
 
 <template>
-  <p
-    :id="formDescriptionId"
-    data-slot="form-description"
-    :class="cn('text-muted-foreground font-body-small', props.class)"
-  >
-    <slot />
-  </p>
+  <p
+    :id="formDescriptionId"
+    data-slot="form-description"
+    :class="cn('text-muted-foreground font-body-small', props.class)"
+  >
+    <slot />
+  </p>
 </template>

package/dist/runtime/components/ui/form/FormItem.vue

@@ -11,7 +11,7 @@ provide(FORM_ITEM_INJECTION_KEY, id);
 </script>
 
 <template>
-  <div data-slot="form-item" :class="cn('grid gap-2', props.class)">
-    <slot />
-  </div>
+  <div data-slot="form-item" :class="cn('grid gap-2', props.class)">
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/form/FormLabel.vue

@@ -12,12 +12,12 @@ const { error, formItemId } = useFormField();
 </script>
 
 <template>
-  <Label
-    data-slot="form-label"
-    :data-error="!!error"
-    :class="cn('font-body-large-prominent text-gray', props.class)"
-    :for="formItemId"
-  >
-    <slot />
-  </Label>
+  <Label
+    data-slot="form-label"
+    :data-error="!!error"
+    :class="cn('font-body-large-prominent text-gray', props.class)"
+    :for="formItemId"
+  >
+    <slot />
+  </Label>
 </template>

package/dist/runtime/components/ui/form/FormMessage.vue

@@ -10,11 +10,11 @@ const { name, formMessageId } = useFormField();
 </script>
 
 <template>
-  <ErrorMessage
-    :id="formMessageId"
-    data-slot="form-message"
-    as="p"
-    :name="toValue(name)"
-    :class="cn('font-body-small text-destructive', props.class)"
-  />
+  <ErrorMessage
+    :id="formMessageId"
+    data-slot="form-message"
+    as="p"
+    :name="toValue(name)"
+    :class="cn('font-body-small text-destructive', props.class)"
+  />
 </template>

package/dist/runtime/components/ui/input/Input.vue

@@ -17,11 +17,11 @@ const modelValue = useVModel(props, "modelValue", emits, {
 </script>
 
 <template>
-  <input
-    v-bind="$attrs"
-    v-model="modelValue"
-    data-slot="input"
-    autocomplete="off"
+  <input
+    v-bind="$attrs"
+    v-model="modelValue"
+    data-slot="input"
+    autocomplete="off"
     :class="
   cn(
     'font-body-large',
@@ -30,6 +30,6 @@ const modelValue = useVModel(props, "modelValue", emits, {
     'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/ui/input-group/InputGroup.vue

@@ -6,9 +6,9 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="input-group"
-    role="group"
+  <div
+    data-slot="input-group"
+    role="group"
     :class="
   cn(
     'group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md  border-[1px] transition-[color,box-shadow] outline-none',
@@ -24,8 +24,8 @@ const props = defineProps({
     'has-[[data-slot][aria-invalid=true]]:ring-destructive has-[[data-slot][aria-invalid=true]]:border-destructive has-[[data-slot][aria-invalid=true]:focus-within]:ring-[0px]',
     props.class
   )
-"
-  >
-    <slot />
-  </div>
+"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupAddon.vue

@@ -18,13 +18,13 @@ function handleInputGroupAddonClick(e) {
 </script>
 
 <template>
-  <div
-    role="group"
-    data-slot="input-group-addon"
-    :data-align="props.align"
-    :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
-    @click="handleInputGroupAddonClick"
-  >
-    <slot />
-  </div>
+  <div
+    role="group"
+    data-slot="input-group-addon"
+    :data-align="props.align"
+    :class="cn(inputGroupAddonVariants({ align: props.align }), props.class)"
+    @click="handleInputGroupAddonClick"
+  >
+    <slot />
+  </div>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupButton.vue

@@ -10,12 +10,12 @@ const props = defineProps({
 </script>
 
 <template>
-  <Button
-    :data-size="props.size"
-    :variant="props.variant"
-    type="button"
-    :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
-  >
-    <slot />
-  </Button>
+  <Button
+    :data-size="props.size"
+    :variant="props.variant"
+    type="button"
+    :class="cn(inputGroupButtonVariants({ size: props.size }), props.class)"
+  >
+    <slot />
+  </Button>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupInput.vue

@@ -10,14 +10,14 @@ const props = defineProps({
 </script>
 
 <template>
-  <Input
-    v-bind="$attrs"
-    data-slot="input-group-control"
+  <Input
+    v-bind="$attrs"
+    data-slot="input-group-control"
     :class="
   cn(
     'flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/ui/input-group/InputGroupText.vue

@@ -6,14 +6,14 @@ const props = defineProps({
 </script>
 
 <template>
-  <span
+  <span
     :class="
   cn(
     'text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*=\'size-\'])]:size-4',
     props.class
   )
-"
-  >
-    <slot />
-  </span>
+"
+  >
+    <slot />
+  </span>
 </template>

package/dist/runtime/components/ui/input-group/InputGroupTextarea.vue

@@ -7,13 +7,13 @@ const props = defineProps({
 </script>
 
 <template>
-  <Textarea
-    data-slot="input-group-control"
+  <Textarea
+    data-slot="input-group-control"
     :class="
   cn(
     'flex-1 resize-none rounded-none border-0 bg-transparent py-1 shadow-none focus-visible:ring-0 dark:bg-transparent',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/ui/label/Label.vue

@@ -12,16 +12,16 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <Label
-    data-slot="label"
-    v-bind="delegatedProps"
+  <Label
+    data-slot="label"
+    v-bind="delegatedProps"
     :class="
   cn(
     'flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
     props.class
   )
-"
-  >
-    <slot />
-  </Label>
+"
+  >
+    <slot />
+  </Label>
 </template>

package/dist/runtime/components/ui/native-select/NativeSelect.vue

@@ -17,28 +17,28 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <div
-    class="group/native-select relative w-fit has-[select:disabled]:opacity-50"
-    data-slot="native-select-wrapper"
-  >
-    <select
-      v-bind="{ ...$attrs, ...delegatedProps }"
-      v-model="modelValue"
-      data-slot="native-select"
+  <div
+    class="group/native-select relative w-fit has-[select:disabled]:opacity-50"
+    data-slot="native-select-wrapper"
+  >
+    <select
+      v-bind="{ ...$attrs, ...delegatedProps }"
+      v-model="modelValue"
+      data-slot="native-select"
       :class="cn(
   'border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed',
   'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',
   'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   props.class
-)"
-    >
-      <slot />
-    </select>
-    <Icon
-      name="lucide:chevron-down"
-      class="text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"
-      aria-hidden="true"
-      data-slot="native-select-icon"
-    />
-  </div>
+)"
+    >
+      <slot />
+    </select>
+    <Icon
+      name="lucide:chevron-down"
+      class="text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"
+      aria-hidden="true"
+      data-slot="native-select-icon"
+    />
+  </div>
 </template>

package/dist/runtime/components/ui/native-select/NativeSelectOptGroup.vue

@@ -6,7 +6,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <optgroup data-slot="native-select-optgroup" :class="cn('bg-popover text-popover-foreground', props.class)">
-    <slot />
-  </optgroup>
+  <optgroup data-slot="native-select-optgroup" :class="cn('bg-popover text-popover-foreground', props.class)">
+    <slot />
+  </optgroup>
 </template>

package/dist/runtime/components/ui/native-select/NativeSelectOption.vue

@@ -6,7 +6,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <option data-slot="native-select-option" :class="cn('bg-popover text-popover-foreground', props.class)">
-    <slot />
-  </option>
+  <option data-slot="native-select-option" :class="cn('bg-popover text-popover-foreground', props.class)">
+    <slot />
+  </option>
 </template>

package/dist/runtime/components/ui/pagination/Pagination.vue

@@ -20,12 +20,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <PaginationRoot
-    v-slot="slotProps"
-    data-slot="pagination"
-    v-bind="forwarded"
-    :class="cn('mx-auto flex w-full justify-center', props.class)"
-  >
-    <slot v-bind="slotProps" />
-  </PaginationRoot>
+  <PaginationRoot
+    v-slot="slotProps"
+    data-slot="pagination"
+    v-bind="forwarded"
+    :class="cn('mx-auto flex w-full justify-center', props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </PaginationRoot>
 </template>

package/dist/runtime/components/ui/pagination/PaginationContent.vue

@@ -11,12 +11,12 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <PaginationList
-    v-slot="slotProps"
-    data-slot="pagination-content"
-    v-bind="delegatedProps"
-    :class="cn('flex flex-row items-center gap-1', props.class)"
-  >
-    <slot v-bind="slotProps" />
-  </PaginationList>
+  <PaginationList
+    v-slot="slotProps"
+    data-slot="pagination-content"
+    v-bind="delegatedProps"
+    :class="cn('flex flex-row items-center gap-1', props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </PaginationList>
 </template>

package/dist/runtime/components/ui/pagination/PaginationEllipsis.vue

@@ -11,14 +11,14 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <PaginationEllipsis
-    data-slot="pagination-ellipsis"
-    v-bind="delegatedProps"
-    :class="cn('flex size-9 items-center justify-center', props.class)"
-  >
-    <slot>
-      <Icon name="lucide:ellipsis" />
-      <span class="sr-only">More pages</span>
-    </slot>
-  </PaginationEllipsis>
+  <PaginationEllipsis
+    data-slot="pagination-ellipsis"
+    v-bind="delegatedProps"
+    :class="cn('flex size-9 items-center justify-center', props.class)"
+  >
+    <slot>
+      <Icon name="lucide:ellipsis" />
+      <span class="sr-only">More pages</span>
+    </slot>
+  </PaginationEllipsis>
 </template>

package/dist/runtime/components/ui/pagination/PaginationFirst.vue

@@ -14,20 +14,20 @@ const forwarded = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <PaginationFirst
-    data-slot="pagination-first"
+  <PaginationFirst
+    data-slot="pagination-first"
     :class="
   cn(
     buttonVariants({ variant: 'ghost', size }),
     'gap-1 px-2.5 sm:pr-2.5',
     props.class
   )
-"
-    v-bind="forwarded"
-  >
-    <slot>
-      <Icon name="lucide:chevrons-left" />
-      <!-- <span class="hidden sm:block">First</span> -->
-    </slot>
-  </PaginationFirst>
+"
+    v-bind="forwarded"
+  >
+    <slot>
+      <Icon name="lucide:chevrons-left" />
+      <!-- <span class="hidden sm:block">First</span> -->
+    </slot>
+  </PaginationFirst>
 </template>

package/dist/runtime/components/ui/pagination/PaginationItem.vue

@@ -15,17 +15,17 @@ const delegatedProps = reactiveOmit(props, "class", "size", "isActive");
 </script>
 
 <template>
-  <PaginationListItem
-    data-slot="pagination-item"
-    v-bind="delegatedProps"
+  <PaginationListItem
+    data-slot="pagination-item"
+    v-bind="delegatedProps"
     :class="cn(
   buttonVariants({
     variant: isActive ? 'outline' : 'ghost',
     size
   }),
   props.class
-)"
-  >
-    <slot />
-  </PaginationListItem>
+)"
+  >
+    <slot />
+  </PaginationListItem>
 </template>

package/dist/runtime/components/ui/pagination/PaginationLast.vue

@@ -14,20 +14,20 @@ const forwarded = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <PaginationLast
-    data-slot="pagination-last"
+  <PaginationLast
+    data-slot="pagination-last"
     :class="
   cn(
     buttonVariants({ variant: 'ghost', size }),
     'gap-1 px-2.5 sm:pr-2.5',
     props.class
   )
-"
-    v-bind="forwarded"
-  >
-    <slot>
-      <!-- <span class="hidden sm:block">Last</span> -->
-      <Icon name="lucide:chevrons-right" />
-    </slot>
-  </PaginationLast>
+"
+    v-bind="forwarded"
+  >
+    <slot>
+      <!-- <span class="hidden sm:block">Last</span> -->
+      <Icon name="lucide:chevrons-right" />
+    </slot>
+  </PaginationLast>
 </template>

package/dist/runtime/components/ui/pagination/PaginationNext.vue

@@ -14,20 +14,20 @@ const forwarded = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <PaginationNext
-    data-slot="pagination-next"
+  <PaginationNext
+    data-slot="pagination-next"
     :class="
   cn(
     buttonVariants({ variant: 'ghost', size }),
     'gap-1 px-2.5 sm:pr-2.5',
     props.class
   )
-"
-    v-bind="forwarded"
-  >
-    <slot>
-      <span class="hidden sm:block">ถัดไป</span>
-      <Icon name="lucide:chevron-right" />
-    </slot>
-  </PaginationNext>
+"
+    v-bind="forwarded"
+  >
+    <slot>
+      <span class="hidden sm:block">ถัดไป</span>
+      <Icon name="lucide:chevron-right" />
+    </slot>
+  </PaginationNext>
 </template>

package/dist/runtime/components/ui/pagination/PaginationPrevious.vue

@@ -14,20 +14,20 @@ const forwarded = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <PaginationPrev
-    data-slot="pagination-previous"
+  <PaginationPrev
+    data-slot="pagination-previous"
     :class="
   cn(
     buttonVariants({ variant: 'ghost', size }),
     'gap-1 px-2.5 sm:pr-2.5',
     props.class
   )
-"
-    v-bind="forwarded"
-  >
-    <slot>
-      <Icon name="lucide:chevron-left" />
-      <span class="hidden sm:block">ก่อนหน้า</span>
-    </slot>
-  </PaginationPrev>
+"
+    v-bind="forwarded"
+  >
+    <slot>
+      <Icon name="lucide:chevron-left" />
+      <span class="hidden sm:block">ก่อนหน้า</span>
+    </slot>
+  </PaginationPrev>
 </template>