pukaad-ui-lib 1.21.1 → 1.22.2

package/dist/runtime/components/ui/button/Button.vue

@@ -13,12 +13,12 @@ const props = defineProps({
 </script>
 
 <template>
-  <Primitive
-    data-slot="button"
-    :as="as"
-    :as-child="asChild"
-    :class="cn(buttonVariants({ variant, color, size }), props.class)"
-  >
-    <slot />
-  </Primitive>
+  <Primitive
+    data-slot="button"
+    :as="as"
+    :as-child="asChild"
+    :class="cn(buttonVariants({ variant, color, size }), props.class)"
+  >
+    <slot />
+  </Primitive>
 </template>

package/dist/runtime/components/ui/button/Button.vue.d.ts

@@ -7,9 +7,9 @@ interface Props extends PrimitiveProps {
     size?: ButtonVariants["size"];
     class?: HTMLAttributes["class"];
 }
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     as: import("reka-ui").AsTag | import("vue").Component;

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

@@ -1,14 +1,14 @@
 <template>
-  <Form v-slot="{ meta }" @submit="onSubmit">
+  <Form v-slot="{ meta }" @submit="onSubmit">
     <div data-slot="card" :class="
   cn(
     'bg-card text-card-foreground flex flex-col gap-6 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

@@ -6,15 +6,15 @@ 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 gap-1.5 px-4 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',
     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="overflow-hidden"
-  >
-    <div
+  <div
+    ref="carouselRef"
+    data-slot="carousel-content"
+    class="overflow-hidden"
+  >
+    <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-white text-primary shadow-lg',
     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" />
-      <span class="sr-only">Next Slide</span>
-    </slot>
-  </Button>
+"
+    :variant="variant"
+    :size="size"
+    @click="scrollNext"
+  >
+    <slot>
+      <Icon name="lucide:chevron-right" />
+      <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-white text-primary shadow-lg',
     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" />
-      <span class="sr-only">Previous Slide</span>
-    </slot>
-  </Button>
+"
+    :variant="variant"
+    :size="size"
+    @click="scrollPrev"
+  >
+    <slot>
+      <Icon name="lucide:chevron-left" />
+      <span class="sr-only">Previous Slide</span>
+    </slot>
+  </Button>
 </template>

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

@@ -4,9 +4,9 @@ type __VLS_Props = CheckboxRootProps & {
     class?: HTMLAttributes["class"];
     indeterminate?: boolean;
 };
-declare var __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | "indeterminate") => any;

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

@@ -21,24 +21,24 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <CheckboxRoot
-    data-slot="checkbox"
-    v-bind="forwarded"
+  <CheckboxRoot
+    data-slot="checkbox"
+    v-bind="forwarded"
     :class="
   cn(
     'flex items-center justify-center peer border-input 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/checkbox/Checkbox.vue.d.ts

@@ -4,9 +4,9 @@ type __VLS_Props = CheckboxRootProps & {
     class?: HTMLAttributes["class"];
     indeterminate?: boolean;
 };
-declare var __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean | "indeterminate") => any;

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

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from "vue";
 type __VLS_Props = ListboxRootProps & {
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;

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

@@ -73,16 +73,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/Command.vue.d.ts

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from "vue";
 type __VLS_Props = ListboxRootProps & {
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("reka-ui").AcceptableValue) => any;

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

@@ -3,9 +3,9 @@ type __VLS_Props = DialogRootProps & {
     title?: string;
     description?: string;
 };
-declare var __VLS_38: any;
+declare var __VLS_31: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;

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>

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

@@ -3,9 +3,9 @@ type __VLS_Props = DialogRootProps & {
     title?: string;
     description?: string;
 };
-declare var __VLS_38: any;
+declare var __VLS_31: any;
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_31) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:open": (value: boolean) => any;

package/dist/runtime/components/ui/command/CommandEmpty.d.vue.ts

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from "vue";
 type __VLS_Props = PrimitiveProps & {
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -17,19 +17,19 @@ const isRender = computed(
 </script>
 
 <template>
-  <Primitive
-    v-if="isRender"
-    data-slot="command-empty"
-    v-bind="delegatedProps"
+  <Primitive
+    v-if="isRender"
+    data-slot="command-empty"
+    v-bind="delegatedProps"
     :class="
   cn(
     'flex flex-col h-[192px] items-center justify-center gap-[8px] ',
     props.class
   )
-"
-  >
-    <slot />
-    <Icon name="pukaad:page-not-found" class="h-[64px] w-[74px]" />
-    <div class="text-gray font-body-medium">ไม่พบข้อมูล</div>
-  </Primitive>
+"
+  >
+    <slot />
+    <Icon name="pukaad:page-not-found" class="h-[64px] w-[74px]" />
+    <div class="text-gray font-body-medium">ไม่พบข้อมูล</div>
+  </Primitive>
 </template>

package/dist/runtime/components/ui/command/CommandEmpty.vue.d.ts

@@ -3,9 +3,9 @@ import type { HTMLAttributes } from "vue";
 type __VLS_Props = PrimitiveProps & {
     class?: HTMLAttributes["class"];
 };
-declare var __VLS_8: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/command/CommandGroup.d.vue.ts

@@ -4,9 +4,9 @@ type __VLS_Props = ListboxGroupProps & {
     class?: HTMLAttributes["class"];
     heading?: string;
 };
-declare var __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -25,16 +25,16 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <ListboxGroup
-    v-bind="delegatedProps"
-    :id="id"
-    data-slot="command-group"
-    :class="cn('text-foreground overflow-hidden p-1', props.class)"
-    :hidden="isRender ? void 0 : true"
-  >
-    <ListboxGroupLabel v-if="heading" data-slot="command-group-heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
-      {{ heading }}
-    </ListboxGroupLabel>
-    <slot />
-  </ListboxGroup>
+  <ListboxGroup
+    v-bind="delegatedProps"
+    :id="id"
+    data-slot="command-group"
+    :class="cn('text-foreground overflow-hidden p-1', props.class)"
+    :hidden="isRender ? void 0 : true"
+  >
+    <ListboxGroupLabel v-if="heading" data-slot="command-group-heading" class="px-2 py-1.5 text-xs font-medium text-muted-foreground">
+      {{ heading }}
+    </ListboxGroupLabel>
+    <slot />
+  </ListboxGroup>
 </template>

package/dist/runtime/components/ui/command/CommandGroup.vue.d.ts

@@ -4,9 +4,9 @@ type __VLS_Props = ListboxGroupProps & {
     class?: HTMLAttributes["class"];
     heading?: string;
 };
-declare var __VLS_14: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;