pukaad-ui-lib 1.17.0 → 1.18.1

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.17.0",
+  "version": "1.18.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/drawer/drawer.vue

@@ -1,7 +1,7 @@
 <template>
   <ShadSheet v-model:open="isOpen">
     <ShadSheetContent v-bind="props" v-slot="{ meta }" @submit="onSubmit">
-      <ShadSheetHeader>
+      <ShadSheetHeader class="flex-shrink-0">
         <slot name="header">
           <ShadSheetTitle>{{ props.title }}</ShadSheetTitle>
           <ShadSheetDescription>
@@ -9,8 +9,10 @@
           </ShadSheetDescription>
         </slot>
       </ShadSheetHeader>
-      <slot name="default" :meta="meta" />
-      <ShadSheetFooter v-if="$slots.footer">
+      <div class="flex-1 overflow-y-auto min-h-0">
+        <slot name="default" :meta="meta" />
+      </div>
+      <ShadSheetFooter v-if="$slots.footer" class="flex-shrink-0">
         <slot name="footer" :meta="meta" />
       </ShadSheetFooter>
     </ShadSheetContent>

package/dist/runtime/components/input/input-autocomplete.d.vue.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-autocomplete.vue.d.ts

@@ -36,9 +36,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     id: string;
     name: string;
     description: string;
-    options: AutocompleteOption[] | string[] | number[];
-    placeholder: string;
     limit: number;
+    placeholder: string;
+    options: AutocompleteOption[] | string[] | number[];
     disabledErrorMessage: boolean;
     disabledBorder: boolean;
     showCounter: boolean;

package/dist/runtime/components/input/input-checkbox.d.vue.ts

@@ -3,6 +3,7 @@ export interface InputCheckboxProps {
     name?: string;
     label?: string;
     rules?: object | string | Function;
+    indeterminate?: boolean;
 }
 type __VLS_Props = InputCheckboxProps;
 type __VLS_ModelProps = {
@@ -15,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     name: string;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-checkbox.vue

@@ -7,7 +7,11 @@
     <ShadFormItem>
       <ShadFormControl>
         <div class="flex gap-2 items-center">
-          <ShadCheckbox v-bind="componentField" v-model="modelValue" />
+          <ShadCheckbox
+            v-bind="componentField"
+            v-model="modelValue"
+            :indeterminate="props.indeterminate"
+          />
           <ShadFormLabel
             class="font-body-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
           >
@@ -109,7 +113,8 @@ const props = defineProps({
   id: { type: String, required: false },
   name: { type: String, required: false, default: "input-checkbox" },
   label: { type: String, required: false },
-  rules: { type: [Object, String, Function], required: false }
+  rules: { type: [Object, String, Function], required: false },
+  indeterminate: { type: Boolean, required: false, default: false }
 });
 const defaultRules = (v) => {
 };

package/dist/runtime/components/input/input-checkbox.vue.d.ts

@@ -3,6 +3,7 @@ export interface InputCheckboxProps {
     name?: string;
     label?: string;
     rules?: object | string | Function;
+    indeterminate?: boolean;
 }
 type __VLS_Props = InputCheckboxProps;
 type __VLS_ModelProps = {
@@ -15,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     name: string;
+    indeterminate: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     label: string;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/list/list-tree.vue

@@ -12,15 +12,15 @@
         />
 
         <!-- Toggle Button (centered with header) -->
-        <button
-          class="relative z-10 flex items-center justify-center w-5 h-5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors hover:cursor-pointer"
+        <div
+          class="relative z-10 flex items-center justify-center w-5 h-5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors cursor-pointer"
           @click.stop="isOpen = !isOpen"
         >
           <Icon
             :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
-            :size="12"
+            :size="19"
           />
-        </button>
+        </div>
       </div>
 
       <!-- Header Content -->

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

@@ -2,6 +2,7 @@ import type { CheckboxRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 type __VLS_Props = CheckboxRootProps & {
     class?: HTMLAttributes["class"];
+    indeterminate?: boolean;
 };
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {
@@ -11,7 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:modelValue": (value: boolean | "indeterminate") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -12,10 +12,11 @@ const props = defineProps({
   as: { type: null, required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
-  class: { type: null, required: false }
+  class: { type: null, required: false },
+  indeterminate: { type: Boolean, required: false, default: false }
 });
 const emits = defineEmits(["update:modelValue"]);
-const delegatedProps = reactiveOmit(props, "class");
+const delegatedProps = reactiveOmit(props, "class", "indeterminate");
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
@@ -25,7 +26,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     v-bind="forwarded"
     :class="
   cn(
-    '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-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',
+    '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
   )
 "
@@ -35,7 +36,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       class="grid place-content-center text-current transition-none"
     >
       <slot>
-        <Icon name="lucide:check" />
+        <Icon v-if="props.indeterminate" name="lucide:minus" size="16" />
+        <Icon v-else name="lucide:check" />
       </slot>
     </CheckboxIndicator>
   </CheckboxRoot>

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

@@ -2,6 +2,7 @@ import type { CheckboxRootProps } from "reka-ui";
 import type { HTMLAttributes } from "vue";
 type __VLS_Props = CheckboxRootProps & {
     class?: HTMLAttributes["class"];
+    indeterminate?: boolean;
 };
 declare var __VLS_12: {};
 type __VLS_Slots = {} & {
@@ -11,7 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     "update:modelValue": (value: boolean | "indeterminate") => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    indeterminate: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -24,7 +24,7 @@
           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>
+          <span class="sr-only">Closed</span>
         </DialogClose>
       </DialogContent>
     </Form>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.17.0",
+  "version": "1.18.1",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",