pukaad-ui-lib 1.17.0 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/module.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
3
  "configKey": "pukaadUI",
4
- "version": "1.17.0",
4
+ "version": "1.18.0",
5
5
  "builder": {
6
6
  "@nuxt/module-builder": "1.0.2",
7
7
  "unbuild": "3.6.1"
@@ -3,6 +3,7 @@ export interface InputCheckboxProps {
3
3
  name?: string;
4
4
  label?: string;
5
5
  rules?: object | string | Function;
6
+ indeterminate?: boolean;
6
7
  }
7
8
  type __VLS_Props = InputCheckboxProps;
8
9
  type __VLS_ModelProps = {
@@ -15,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
15
16
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
16
17
  }>, {
17
18
  name: string;
19
+ indeterminate: boolean;
18
20
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
21
  declare const _default: typeof __VLS_export;
20
22
  export default _default;
@@ -7,7 +7,11 @@
7
7
  <ShadFormItem>
8
8
  <ShadFormControl>
9
9
  <div class="flex gap-2 items-center">
10
- <ShadCheckbox v-bind="componentField" v-model="modelValue" />
10
+ <ShadCheckbox
11
+ v-bind="componentField"
12
+ v-model="modelValue"
13
+ :indeterminate="props.indeterminate"
14
+ />
11
15
  <ShadFormLabel
12
16
  class="font-body-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
13
17
  >
@@ -109,7 +113,8 @@ const props = defineProps({
109
113
  id: { type: String, required: false },
110
114
  name: { type: String, required: false, default: "input-checkbox" },
111
115
  label: { type: String, required: false },
112
- rules: { type: [Object, String, Function], required: false }
116
+ rules: { type: [Object, String, Function], required: false },
117
+ indeterminate: { type: Boolean, required: false, default: false }
113
118
  });
114
119
  const defaultRules = (v) => {
115
120
  };
@@ -3,6 +3,7 @@ export interface InputCheckboxProps {
3
3
  name?: string;
4
4
  label?: string;
5
5
  rules?: object | string | Function;
6
+ indeterminate?: boolean;
6
7
  }
7
8
  type __VLS_Props = InputCheckboxProps;
8
9
  type __VLS_ModelProps = {
@@ -15,6 +16,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
15
16
  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
16
17
  }>, {
17
18
  name: string;
19
+ indeterminate: boolean;
18
20
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
19
21
  declare const _default: typeof __VLS_export;
20
22
  export default _default;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
27
27
  label: string;
28
28
  name: string;
29
29
  limit: number;
30
- disabledErrorMessage: boolean;
31
30
  accept: string;
31
+ disabledErrorMessage: boolean;
32
32
  labelIcon: string;
33
33
  disabledDrop: boolean;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
27
27
  label: string;
28
28
  name: string;
29
29
  limit: number;
30
- disabledErrorMessage: boolean;
31
30
  accept: string;
31
+ disabledErrorMessage: boolean;
32
32
  labelIcon: string;
33
33
  disabledDrop: boolean;
34
34
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
18
18
  }>, {
19
19
  id: string;
20
20
  name: string;
21
- new: boolean;
22
21
  disabledForgotPassword: boolean;
22
+ new: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
25
25
  export default _default;
@@ -18,8 +18,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
18
18
  }>, {
19
19
  id: string;
20
20
  name: string;
21
- new: boolean;
22
21
  disabledForgotPassword: boolean;
22
+ new: boolean;
23
23
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
24
24
  declare const _default: typeof __VLS_export;
25
25
  export default _default;
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
12
12
  color: InputSliderColor;
13
13
  fullWidth: boolean;
14
14
  label: string;
15
+ step: number;
15
16
  min: number;
16
17
  max: number;
17
- step: number;
18
18
  lineHeight: number | string;
19
19
  appearance: boolean;
20
20
  thumbSize: number | string;
@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
12
12
  color: InputSliderColor;
13
13
  fullWidth: boolean;
14
14
  label: string;
15
+ step: number;
15
16
  min: number;
16
17
  max: number;
17
- step: number;
18
18
  lineHeight: number | string;
19
19
  appearance: boolean;
20
20
  thumbSize: number | string;
@@ -12,15 +12,15 @@
12
12
  />
13
13
 
14
14
  <!-- Toggle Button (centered with header) -->
15
- <button
16
- 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"
15
+ <div
16
+ 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"
17
17
  @click.stop="isOpen = !isOpen"
18
18
  >
19
19
  <Icon
20
20
  :name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
21
- :size="12"
21
+ :size="19"
22
22
  />
23
- </button>
23
+ </div>
24
24
  </div>
25
25
 
26
26
  <!-- Header Content -->
@@ -2,6 +2,7 @@ import type { CheckboxRootProps } from "reka-ui";
2
2
  import type { HTMLAttributes } from "vue";
3
3
  type __VLS_Props = CheckboxRootProps & {
4
4
  class?: HTMLAttributes["class"];
5
+ indeterminate?: boolean;
5
6
  };
6
7
  declare var __VLS_12: {};
7
8
  type __VLS_Slots = {} & {
@@ -11,7 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
11
12
  "update:modelValue": (value: boolean | "indeterminate") => any;
12
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
13
14
  "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
14
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
+ }>, {
16
+ indeterminate: boolean;
17
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
18
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
16
19
  declare const _default: typeof __VLS_export;
17
20
  export default _default;
@@ -12,10 +12,11 @@ const props = defineProps({
12
12
  as: { type: null, required: false },
13
13
  name: { type: String, required: false },
14
14
  required: { type: Boolean, required: false },
15
- class: { type: null, required: false }
15
+ class: { type: null, required: false },
16
+ indeterminate: { type: Boolean, required: false, default: false }
16
17
  });
17
18
  const emits = defineEmits(["update:modelValue"]);
18
- const delegatedProps = reactiveOmit(props, "class");
19
+ const delegatedProps = reactiveOmit(props, "class", "indeterminate");
19
20
  const forwarded = useForwardPropsEmits(delegatedProps, emits);
20
21
  </script>
21
22
 
@@ -25,7 +26,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
25
26
  v-bind="forwarded"
26
27
  :class="
27
28
  cn(
28
- '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',
29
+ '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',
29
30
  props.class
30
31
  )
31
32
  "
@@ -35,7 +36,8 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
35
36
  class="grid place-content-center text-current transition-none"
36
37
  >
37
38
  <slot>
38
- <Icon name="lucide:check" />
39
+ <Icon v-if="props.indeterminate" name="lucide:minus" size="16" />
40
+ <Icon v-else name="lucide:check" />
39
41
  </slot>
40
42
  </CheckboxIndicator>
41
43
  </CheckboxRoot>
@@ -2,6 +2,7 @@ import type { CheckboxRootProps } from "reka-ui";
2
2
  import type { HTMLAttributes } from "vue";
3
3
  type __VLS_Props = CheckboxRootProps & {
4
4
  class?: HTMLAttributes["class"];
5
+ indeterminate?: boolean;
5
6
  };
6
7
  declare var __VLS_12: {};
7
8
  type __VLS_Slots = {} & {
@@ -11,7 +12,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
11
12
  "update:modelValue": (value: boolean | "indeterminate") => any;
12
13
  }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
13
14
  "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
14
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
+ }>, {
16
+ indeterminate: boolean;
17
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
15
18
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
16
19
  declare const _default: typeof __VLS_export;
17
20
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pukaad-ui-lib",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "description": "pukaad-ui for MeMSG",
5
5
  "repository": {
6
6
  "type": "git",