pukaad-ui-lib 1.305.0 → 1.307.0

package/dist/module.json

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

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

@@ -1,12 +1,15 @@
 import type { HTMLAttributes } from "vue";
+import type { ButtonVariants } from "./ui/button/index.js";
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
 export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info";
+export type ButtonSize = ButtonVariants["size"];
 export interface ButtonProps {
     type?: ButtonType;
     class?: HTMLAttributes["class"];
     variant?: ButtonVariant;
     color?: ButtonColor;
+    size?: ButtonSize;
     circle?: boolean;
     loading?: boolean;
     disabled?: boolean;

package/dist/runtime/components/button.vue

@@ -4,25 +4,33 @@
   props.variant === 'text' || props.variant === 'link' ? '!p-0 !h-auto' : '',
   props.circle && 'rounded-full aspect-square',
   props.class
-]" :variant="props.variant" :color="props.color" :type="props.type" :disabled="props.loading || props.disabled">
-    <span class="inline-grid place-items-center">
-      <span class="inline-flex items-center justify-center gap-[8px] [grid-area:1/1]"
-        :class="{ invisible: props.loading }">
-        <slot />
-      </span>
-      <ShadSpinner v-if="props.loading" class="[grid-area:1/1]" />
-    </span>
-  </ShadButton>
+]" :variant="props.variant" :color="props.color" :size="resolvedSize" :type="props.type"
+    :disabled="props.loading || props.disabled">
+    <span class="inline-grid place-items-center">
+      <span class="inline-flex items-center justify-center gap-[8px] [grid-area:1/1]"
+        :class="{ invisible: props.loading }">
+        <slot />
+      </span>
+      <ShadSpinner v-if="props.loading" class="[grid-area:1/1]" />
+    </span>
+  </ShadButton>
 </template>
 
 <script setup>
+import { computed } from "vue";
 const props = defineProps({
   type: { type: String, required: false, default: "button" },
   class: { type: null, required: false },
   variant: { type: String, required: false, default: "default" },
   color: { type: String, required: false, default: "default" },
+  size: { type: null, required: false },
   circle: { type: Boolean, required: false, default: false },
   loading: { type: Boolean, required: false, default: false },
   disabled: { type: Boolean, required: false, default: false }
 });
+const resolvedSize = computed(() => {
+  if (props.size !== void 0) return props.size;
+  if (props.variant === "icon" || props.circle) return "icon";
+  return "default";
+});
 </script>

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

@@ -1,12 +1,15 @@
 import type { HTMLAttributes } from "vue";
+import type { ButtonVariants } from "./ui/button/index.js";
 export type ButtonType = "button" | "submit" | "reset";
 export type ButtonVariant = "default" | "outline" | "ghost" | "link" | "text" | "icon";
 export type ButtonColor = "default" | "primary" | "secondary" | "destructive" | "info";
+export type ButtonSize = ButtonVariants["size"];
 export interface ButtonProps {
     type?: ButtonType;
     class?: HTMLAttributes["class"];
     variant?: ButtonVariant;
     color?: ButtonColor;
+    size?: ButtonSize;
     circle?: boolean;
     loading?: boolean;
     disabled?: boolean;

package/dist/runtime/components/display/display-image-place.vue

@@ -1,6 +1,23 @@
 <template>
-  <!-- Personal state → Featured layout -->
-  <div v-if="layoutMode === 'featured'" class="flex gap-[8px] h-[360px]">
+  <!-- Personal state → Featured layout — 1 รูป: w-full -->
+  <div v-if="layoutMode === 'featured' && photos.length === 1" class="h-[360px]">
+    <div class="w-full h-full rounded-[8px] overflow-hidden cursor-pointer" @click="openLightbox('photo', 0)">
+      <Image :src="photos[0]" class="w-full h-full object-cover" width="auto" height="auto" />
+    </div>
+  </div>
+
+  <!-- Personal state → Featured layout — 2 รูป: แบ่งครึ่ง w-full -->
+  <div v-else-if="layoutMode === 'featured' && photos.length === 2" class="flex gap-[8px] h-[360px]">
+    <div class="flex-1 rounded-[8px] overflow-hidden cursor-pointer" @click="openLightbox('photo', 0)">
+      <Image :src="photos[0]" class="w-full h-full object-cover" width="auto" height="auto" />
+    </div>
+    <div class="flex-1 rounded-[8px] overflow-hidden cursor-pointer" @click="openLightbox('photo', 1)">
+      <Image :src="photos[1]" class="w-full h-full object-cover" width="auto" height="auto" />
+    </div>
+  </div>
+
+  <!-- Personal state → Featured layout — 3+ รูป: layout เดิม -->
+  <div v-else-if="layoutMode === 'featured'" class="flex gap-[8px] h-[360px]">
     <div v-if="photos[0]" class="w-[620px] shrink-0 rounded-[8px] overflow-hidden cursor-pointer"
       @click="openLightbox('photo', 0)">
       <Image :src="photos[0]" class="w-full h-full object-cover" width="auto" height="auto" />

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

@@ -3,7 +3,7 @@ export { default as Button } from "./Button.vue.js";
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null | undefined;
     color?: "default" | "primary" | "secondary" | "destructive" | "info" | null | undefined;
-    size?: "default" | "icon" | "icon-sm" | "icon-xs" | "sm" | "lg" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;
 export type ButtonColor = ButtonVariants["color"];

package/dist/runtime/components/ui/carousel/CarouselNext.d.vue.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "default" | "icon" | "icon-sm" | "icon-xs" | "sm" | "lg" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/carousel/CarouselNext.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "default" | "icon" | "icon-sm" | "icon-xs" | "sm" | "lg" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/carousel/CarouselPrevious.d.vue.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "default" | "icon" | "icon-sm" | "icon-xs" | "sm" | "lg" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/carousel/CarouselPrevious.vue.d.ts

@@ -9,7 +9,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    size: "default" | "icon" | "icon-sm" | "icon-xs" | "sm" | "lg" | "icon-lg" | null;
+    size: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
-    size: "icon-sm" | "icon-xs" | "sm" | "xs" | null;
+    size: "sm" | "icon-sm" | "icon-xs" | "xs" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -4,7 +4,7 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<InputGroupButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<InputGroupButtonProps> & Readonly<{}>, {
-    size: "icon-sm" | "icon-xs" | "sm" | "xs" | null;
+    size: "sm" | "icon-sm" | "icon-xs" | "xs" | null;
     variant: "link" | "text" | "default" | "outline" | "ghost" | "icon" | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/runtime/components/ui/input-group/index.d.ts

@@ -12,7 +12,7 @@ export declare const inputGroupAddonVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type InputGroupVariants = VariantProps<typeof inputGroupAddonVariants>;
 export declare const inputGroupButtonVariants: (props?: ({
-    size?: "icon-sm" | "icon-xs" | "sm" | "xs" | null | undefined;
+    size?: "sm" | "icon-sm" | "icon-xs" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type InputGroupButtonVariants = VariantProps<typeof inputGroupButtonVariants>;
 export interface InputGroupButtonProps {

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

@@ -4,23 +4,23 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<{
     class?: any;
-    disabled?: (boolean | "false" | "true") | undefined;
+    disabled?: (boolean | "true" | "false") | undefined;
     label?: string | undefined | undefined;
     innerHTML?: string | undefined | undefined;
     style?: import("vue").StyleValue;
     accesskey?: string | undefined | undefined;
-    contenteditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: "" | (boolean | "false" | "true") | "hidden" | "until-found" | undefined;
+    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
-    inert?: (boolean | "false" | "true") | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
-    spellcheck?: (boolean | "false" | "true") | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
     tabindex?: (string | number) | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -39,7 +39,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     autosave?: string | undefined | undefined;
     color?: string | undefined | undefined;
     itemprop?: string | undefined | undefined;
-    itemscope?: (boolean | "false" | "true") | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
@@ -51,47 +51,47 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string | undefined;
     part?: string | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "false" | "true") | undefined;
-    'aria-checked'?: (boolean | "false" | "true") | "mixed" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
     'aria-colcount'?: (string | number) | undefined;
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | (boolean | "false" | "true") | "date" | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | (boolean | "true" | "false") | "date" | "page" | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
     'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "false" | "true") | "listbox" | "tree" | "grid" | undefined;
-    'aria-hidden'?: (boolean | "false" | "true") | undefined;
-    'aria-invalid'?: (boolean | "false" | "true") | "grammar" | "spelling" | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
     'aria-level'?: (string | number) | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "false" | "true") | undefined;
-    'aria-multiline'?: (boolean | "false" | "true") | undefined;
-    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
     'aria-owns'?: string | undefined | undefined;
     'aria-placeholder'?: string | undefined | undefined;
     'aria-posinset'?: (string | number) | undefined;
-    'aria-pressed'?: (boolean | "false" | "true") | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
     'aria-roledescription'?: string | undefined | undefined;
     'aria-rowcount'?: (string | number) | undefined;
     'aria-rowindex'?: (string | number) | undefined;
     'aria-rowspan'?: (string | number) | undefined;
-    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: (string | number) | undefined;
     'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
     'aria-valuemax'?: (string | number) | undefined;
@@ -198,23 +198,23 @@ declare const __VLS_base: import("vue").DefineComponent<{
     ref_key?: string | undefined | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     class?: any;
-    disabled?: (boolean | "false" | "true") | undefined;
+    disabled?: (boolean | "true" | "false") | undefined;
     label?: string | undefined | undefined;
     innerHTML?: string | undefined | undefined;
     style?: import("vue").StyleValue;
     accesskey?: string | undefined | undefined;
-    contenteditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contenteditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
     dir?: string | undefined | undefined;
-    draggable?: (boolean | "false" | "true") | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
-    hidden?: "" | (boolean | "false" | "true") | "hidden" | "until-found" | undefined;
+    hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
-    inert?: (boolean | "false" | "true") | undefined;
+    inert?: (boolean | "true" | "false") | undefined;
     lang?: string | undefined | undefined;
     placeholder?: string | undefined | undefined;
-    spellcheck?: (boolean | "false" | "true") | undefined;
+    spellcheck?: (boolean | "true" | "false") | undefined;
     tabindex?: (string | number) | undefined;
     title?: string | undefined | undefined;
     translate?: "yes" | "no" | undefined | undefined;
@@ -233,7 +233,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     autosave?: string | undefined | undefined;
     color?: string | undefined | undefined;
     itemprop?: string | undefined | undefined;
-    itemscope?: (boolean | "false" | "true") | undefined;
+    itemscope?: (boolean | "true" | "false") | undefined;
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
@@ -245,47 +245,47 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string | undefined;
     part?: string | undefined;
     'aria-activedescendant'?: string | undefined | undefined;
-    'aria-atomic'?: (boolean | "false" | "true") | undefined;
+    'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    'aria-busy'?: (boolean | "false" | "true") | undefined;
-    'aria-checked'?: (boolean | "false" | "true") | "mixed" | undefined;
+    'aria-busy'?: (boolean | "true" | "false") | undefined;
+    'aria-checked'?: (boolean | "true" | "false") | "mixed" | undefined;
     'aria-colcount'?: (string | number) | undefined;
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "time" | (boolean | "false" | "true") | "date" | "page" | "step" | "location" | undefined;
+    'aria-current'?: "time" | (boolean | "true" | "false") | "date" | "page" | "step" | "location" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
-    'aria-disabled'?: (boolean | "false" | "true") | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
     'aria-errormessage'?: string | undefined | undefined;
-    'aria-expanded'?: (boolean | "false" | "true") | undefined;
+    'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
-    'aria-grabbed'?: (boolean | "false" | "true") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "false" | "true") | "listbox" | "tree" | "grid" | undefined;
-    'aria-hidden'?: (boolean | "false" | "true") | undefined;
-    'aria-invalid'?: (boolean | "false" | "true") | "grammar" | "spelling" | undefined;
+    'aria-grabbed'?: (boolean | "true" | "false") | undefined;
+    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-hidden'?: (boolean | "true" | "false") | undefined;
+    'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
     'aria-level'?: (string | number) | undefined;
     'aria-live'?: "off" | "assertive" | "polite" | undefined | undefined;
-    'aria-modal'?: (boolean | "false" | "true") | undefined;
-    'aria-multiline'?: (boolean | "false" | "true") | undefined;
-    'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
+    'aria-modal'?: (boolean | "true" | "false") | undefined;
+    'aria-multiline'?: (boolean | "true" | "false") | undefined;
+    'aria-multiselectable'?: (boolean | "true" | "false") | undefined;
     'aria-orientation'?: "horizontal" | "vertical" | undefined | undefined;
     'aria-owns'?: string | undefined | undefined;
     'aria-placeholder'?: string | undefined | undefined;
     'aria-posinset'?: (string | number) | undefined;
-    'aria-pressed'?: (boolean | "false" | "true") | "mixed" | undefined;
-    'aria-readonly'?: (boolean | "false" | "true") | undefined;
+    'aria-pressed'?: (boolean | "true" | "false") | "mixed" | undefined;
+    'aria-readonly'?: (boolean | "true" | "false") | undefined;
     'aria-relevant'?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    'aria-required'?: (boolean | "false" | "true") | undefined;
+    'aria-required'?: (boolean | "true" | "false") | undefined;
     'aria-roledescription'?: string | undefined | undefined;
     'aria-rowcount'?: (string | number) | undefined;
     'aria-rowindex'?: (string | number) | undefined;
     'aria-rowspan'?: (string | number) | undefined;
-    'aria-selected'?: (boolean | "false" | "true") | undefined;
+    'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: (string | number) | undefined;
     'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
     'aria-valuemax'?: (string | number) | undefined;