pukaad-ui-lib 1.3.3 → 1.5.0

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.d.vue.ts

@@ -0,0 +1,11 @@
+import type { SeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+    decorative: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,26 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { Separator } from "reka-ui";
+import { cn } from "@/runtime/plugins/shadcn";
+const props = defineProps({
+  orientation: { type: String, required: false, default: "horizontal" },
+  decorative: { type: Boolean, required: false, default: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const delegatedProps = reactiveOmit(props, "class");
+</script>
+
+<template>
+  <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/separator/Separator.vue.d.ts

@@ -0,0 +1,11 @@
+import type { SeparatorProps } from "reka-ui";
+import type { HTMLAttributes } from "vue";
+type __VLS_Props = SeparatorProps & {
+    class?: HTMLAttributes["class"];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    orientation: "vertical" | "horizontal";
+    decorative: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/ui/separator/index.d.ts

@@ -0,0 +1 @@
+export { default as Separator } from "./Separator.vue.js";

package/dist/runtime/components/ui/separator/index.js

@@ -0,0 +1 @@
+export { default as Separator } from "./Separator.vue";

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,9 +1,9 @@
 <template>
-  <DialogPortal>
-    <SheetOverlay />
-    <Form v-slot="{ meta }" @submit="onSubmit">
-      <DialogContent
-        data-slot="sheet-content"
+  <DialogPortal>
+    <SheetOverlay />
+    <Form v-slot="{ meta }" @submit="onSubmit">
+      <DialogContent
+        data-slot="sheet-content"
         :class="
   cn(
     'p-[24px]',
@@ -14,21 +14,21 @@
     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 }"
-      >
-        <slot :meta="meta" />
-        <DialogClose
-          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"
-        >
-          <Icon name="lucide:x" :size="24" />
-          <span class="sr-only">Close</span>
-        </DialogClose>
-      </DialogContent>
-    </Form>
-  </DialogPortal>
+"
+        @escape-key-down="onOutSideClick"
+        @pointer-down-outside="onOutSideClick"
+        v-bind="{ ...forwarded, ...$attrs }"
+      >
+        <slot :meta="meta" />
+        <DialogClose
+          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"
+        >
+          <Icon name="lucide:x" :size="24" />
+          <span class="sr-only">Close</span>
+        </DialogClose>
+      </DialogContent>
+    </Form>
+  </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 ', props.class)"
-  >
-    <slot />
-  </div>
+  <div
+    data-slot="sheet-footer"
+    :class="cn('mt-auto flex flex-col gap-2 ', props.class)"
+  >
+    <slot />
+  </div>
 </template>

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

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <div
-    data-slot="sheet-header"
-    :class="cn('flex flex-col gap-1.5 ', props.class)"
-  >
-    <slot />
-  </div>
+  <div
+    data-slot="sheet-header"
+    :class="cn('flex flex-col gap-1.5 ', props.class)"
+  >
+    <slot />
+  </div>
 </template>

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

@@ -12,16 +12,16 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <DialogOverlay
-    data-slot="sheet-overlay"
+  <DialogOverlay
+    data-slot="sheet-overlay"
     :class="
   cn(
     'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80',
     props.class
   )
-"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogOverlay>
+"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </DialogOverlay>
 </template>

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

@@ -11,11 +11,11 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <DialogTitle
-    data-slot="sheet-title"
-    :class="cn('text-foreground font-title-medium-prominent', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </DialogTitle>
+  <DialogTitle
+    data-slot="sheet-title"
+    :class="cn('text-foreground font-title-medium-prominent', props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </DialogTitle>
 </template>

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

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

package/dist/runtime/components/ui/spinner/Spinner.vue

@@ -7,9 +7,9 @@ const props = defineProps({
 </script>
 
 <template>
-  <Loader2Icon
-    role="status"
-    aria-label="Loading"
-    :class="cn('size-4 animate-spin', props.class)"
-  />
+  <Loader2Icon
+    role="status"
+    aria-label="Loading"
+    :class="cn('size-4 animate-spin', props.class)"
+  />
 </template>

package/dist/runtime/components/ui/table/Table.vue

@@ -6,9 +6,9 @@ const props = defineProps({
 </script>
 
 <template>
-  <div data-slot="table-container" class="relative w-full overflow-auto">
-    <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
-      <slot />
-    </table>
-  </div>
+  <div data-slot="table-container" class="relative w-full overflow-auto">
+    <table data-slot="table" :class="cn('w-full caption-bottom text-sm', props.class)">
+      <slot />
+    </table>
+  </div>
 </template>

package/dist/runtime/components/ui/table/TableBody.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <tbody
-    data-slot="table-body"
-    :class="cn('[&_tr:last-child]:border-0', props.class)"
-  >
-    <slot />
-  </tbody>
+  <tbody
+    data-slot="table-body"
+    :class="cn('[&_tr:last-child]:border-0', props.class)"
+  >
+    <slot />
+  </tbody>
 </template>

package/dist/runtime/components/ui/table/TableCaption.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <caption
-    data-slot="table-caption"
-    :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
-  >
-    <slot />
-  </caption>
+  <caption
+    data-slot="table-caption"
+    :class="cn('text-muted-foreground mt-4 text-sm', props.class)"
+  >
+    <slot />
+  </caption>
 </template>

package/dist/runtime/components/ui/table/TableCell.vue

@@ -6,15 +6,15 @@ const props = defineProps({
 </script>
 
 <template>
-  <td
-    data-slot="table-cell"
+  <td
+    data-slot="table-cell"
     :class="
   cn(
     'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',
     props.class
   )
-"
-  >
-    <slot />
-  </td>
+"
+  >
+    <slot />
+  </td>
 </template>

package/dist/runtime/components/ui/table/TableEmpty.vue

@@ -11,19 +11,19 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <TableRow>
-    <TableCell
+  <TableRow>
+    <TableCell
       :class="
   cn(
     'p-4 whitespace-nowrap align-middle text-sm text-foreground',
     props.class
   )
-"
-      v-bind="delegatedProps"
-    >
-      <div class="flex items-center justify-center py-10">
-        <slot />
-      </div>
-    </TableCell>
-  </TableRow>
+"
+      v-bind="delegatedProps"
+    >
+      <div class="flex items-center justify-center py-10">
+        <slot />
+      </div>
+    </TableCell>
+  </TableRow>
 </template>

package/dist/runtime/components/ui/table/TableFooter.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <tfoot
-    data-slot="table-footer"
-    :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
-  >
-    <slot />
-  </tfoot>
+  <tfoot
+    data-slot="table-footer"
+    :class="cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', props.class)"
+  >
+    <slot />
+  </tfoot>
 </template>

package/dist/runtime/components/ui/table/TableHead.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <th
-    data-slot="table-head"
-    :class="cn('text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
-  >
-    <slot />
-  </th>
+  <th
+    data-slot="table-head"
+    :class="cn('text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]', props.class)"
+  >
+    <slot />
+  </th>
 </template>

package/dist/runtime/components/ui/table/TableHeader.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <thead
-    data-slot="table-header"
-    :class="cn('[&_tr]:border-b', props.class)"
-  >
-    <slot />
-  </thead>
+  <thead
+    data-slot="table-header"
+    :class="cn('[&_tr]:border-b', props.class)"
+  >
+    <slot />
+  </thead>
 </template>

package/dist/runtime/components/ui/table/TableRow.vue

@@ -6,10 +6,10 @@ const props = defineProps({
 </script>
 
 <template>
-  <tr
-    data-slot="table-row"
-    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
-  >
-    <slot />
-  </tr>
+  <tr
+    data-slot="table-row"
+    :class="cn('hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', props.class)"
+  >
+    <slot />
+  </tr>
 </template>

package/dist/runtime/components/ui/tabs/Tabs.vue

@@ -19,12 +19,12 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
-  <TabsRoot
-    v-slot="slotProps"
-    data-slot="tabs"
-    v-bind="forwarded"
-    :class="cn('flex flex-col gap-2', props.class)"
-  >
-    <slot v-bind="slotProps" />
-  </TabsRoot>
+  <TabsRoot
+    v-slot="slotProps"
+    data-slot="tabs"
+    v-bind="forwarded"
+    :class="cn('flex flex-col gap-2', props.class)"
+  >
+    <slot v-bind="slotProps" />
+  </TabsRoot>
 </template>

package/dist/runtime/components/ui/tabs/TabsContent.vue

@@ -13,11 +13,11 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <TabsContent
-    data-slot="tabs-content"
-    :class="cn('flex-1 outline-none', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
+  <TabsContent
+    data-slot="tabs-content"
+    :class="cn('flex-1 outline-none', props.class)"
+    v-bind="delegatedProps"
+  >
+    <slot />
+  </TabsContent>
 </template>

package/dist/runtime/components/ui/tabs/TabsList.vue

@@ -12,14 +12,14 @@ const delegatedProps = reactiveOmit(props, "class");
 </script>
 
 <template>
-  <TabsList
-    data-slot="tabs-list"
-    v-bind="delegatedProps"
+  <TabsList
+    data-slot="tabs-list"
+    v-bind="delegatedProps"
     :class="cn(
   'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]',
   props.class
-)"
-  >
-    <slot />
-  </TabsList>
+)"
+  >
+    <slot />
+  </TabsList>
 </template>

package/dist/runtime/components/ui/tabs/TabsTrigger.vue

@@ -14,14 +14,14 @@ const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
-  <TabsTrigger
-    data-slot="tabs-trigger"
+  <TabsTrigger
+    data-slot="tabs-trigger"
     :class="cn(
   'data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=\'size-\'])]:size-4',
   props.class
-)"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </TabsTrigger>
+)"
+    v-bind="forwardedProps"
+  >
+    <slot />
+  </TabsTrigger>
 </template>

package/dist/runtime/components/ui/textarea/Textarea.vue

@@ -14,14 +14,14 @@ const modelValue = useVModel(props, "modelValue", emits, {
 </script>
 
 <template>
-  <textarea
-    v-model="modelValue"
-    data-slot="textarea"
+  <textarea
+    v-model="modelValue"
+    data-slot="textarea"
     :class="
   cn(
     'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',
     props.class
   )
-"
-  />
+"
+  />
 </template>

package/dist/runtime/components/video.vue

@@ -1,10 +1,10 @@
 <template>
-  <video ref="videoRef" :src="props.src" :poster="props?.poster" :autoplay="props.autoplay" :muted="props.muted"
+  <video ref="videoRef" :src="props.src" :poster="props?.poster" :autoplay="props.autoplay" :muted="props.muted"
     :loop="props.loop" :controls="props.controls" :preload="props.preload" :style="{
   width: props.fullWidth ? '100%' : `${props.width}px`,
   height: props.fullHeight ? '100%' : `${props.height}px`,
   objectFit: props.fit
-}" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" />
+}" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" />
 </template>
 
 <script setup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.3.3",
+  "version": "1.5.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",
@@ -47,6 +47,7 @@
     "clsx": "^2.1.1",
     "cropperjs": "^1.6.2",
     "dayjs": "^1.11.13",
+    "embla-carousel-vue": "^8.6.0",
     "input-otp": "^1.4.2",
     "lodash": "^4.17.21",
     "nuxt": "^4.0.3",
@@ -87,4 +88,4 @@
     "@types/vue-cropperjs": "^4.1.6",
     "@vue/compiler-sfc": "^3.5.24"
   }
-}
+}