vueless 0.0.536 → 0.0.537

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.536",
+  "version": "0.0.537",
   "license": "MIT",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "keywords": [

package/ui.button/UButton.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, ref, watchEffect, useId, watch } from "vue";
 
 import { useDarkMode } from "../composables/useDarkMode.ts";

package/ui.button/types.ts

@@ -93,7 +93,7 @@ export interface UButtonProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.button-link/ULink.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, ref } from "vue";
 import { RouterLink, useLink } from "vue-router";
 import { getDefault } from "../utils/ui.ts";

package/ui.button-link/types.ts

@@ -104,7 +104,7 @@ export interface ULinkProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.button-toggle/UToggle.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, provide, readonly } from "vue";
 
 import ULabel from "../ui.form-label/ULabel.vue";

package/ui.button-toggle/types.ts

@@ -76,7 +76,7 @@ export interface UToggleProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.button-toggle-item/UToggleItem.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, inject, onMounted, ref, useId } from "vue";
 
 import UButton from "../ui.button/UButton.vue";

package/ui.button-toggle-item/types.ts

@@ -31,7 +31,7 @@ export interface UToggleItemProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-accordion/UAccordion.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, ref, useId } from "vue";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.container-accordion/types.ts

@@ -26,7 +26,7 @@ export interface UAccordionProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-card/UCard.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, useSlots } from "vue";
 
 import UHeader from "../ui.text-header/UHeader.vue";

package/ui.container-card/types.ts

@@ -16,7 +16,7 @@ export interface UCardProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-col/UCol.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { UCol } from "./constants.ts";

package/ui.container-col/types.ts

@@ -45,7 +45,7 @@ export interface UColProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-divider/UDivider.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { UDivider } from "./constants.ts";

package/ui.container-divider/types.ts

@@ -46,7 +46,7 @@ export interface UDividerProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-group/UGroup.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 import UDivider from "../ui.container-divider/UDivider.vue";
 import UHeader from "../ui.text-header/UHeader.vue";

package/ui.container-group/types.ts

@@ -26,7 +26,7 @@ export interface UGroupProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-modal/UModal.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, useSlots, watch, ref, useId } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.container-modal/types.ts

@@ -73,7 +73,7 @@ export interface UModalProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-modal-confirm/UModalConfirm.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed } from "vue";
 import { merge } from "lodash-es";
 

package/ui.container-modal-confirm/types.ts

@@ -97,7 +97,7 @@ export interface UModalConfirmProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-page/UPage.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, useSlots, onMounted } from "vue";
 
 import useBreakpoint from "../composables/useBreakpoint.ts";

package/ui.container-page/types.ts

@@ -48,7 +48,7 @@ export interface UPageProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.container-row/URow.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { URow } from "./constants.ts";

package/ui.container-row/types.ts

@@ -50,7 +50,7 @@ export interface URowProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.data-table/UTable.vue

@@ -205,14 +205,14 @@ const {
   bodyRowDateDividerAttrs,
   headerCellBaseAttrs,
   headerCellCheckboxAttrs,
-  stickyHeaderActionsCheckboxAttrs,
+  headerActionsCheckboxAttrs,
   stickyHeaderCheckboxAttrs,
   headerCheckboxAttrs,
   headerCounterAttrs,
   bodyEmptyStateAttrs,
   bodyDateDividerAttrs,
   bodyCellDateDividerAttrs,
-  stickyHeaderActionsCounterAttrs,
+  headerActionsCounterAttrs,
   stickyHeaderCounterAttrs,
   stickyHeaderLoaderAttrs,
   tableAttrs,
@@ -496,14 +496,14 @@ defineExpose({
           v-model="selectAll"
           size="md"
           :partial="!isSelectedAllRows"
-          v-bind="stickyHeaderActionsCheckboxAttrs"
+          v-bind="headerActionsCheckboxAttrs"
           :data-test="`${dataTest}-select-all`"
         />
       </div>
 
       <div
         v-if="selectedRows.length"
-        v-bind="stickyHeaderActionsCounterAttrs"
+        v-bind="headerActionsCounterAttrs"
         v-text="selectedRows.length"
       />
 
@@ -529,14 +529,14 @@ defineExpose({
           v-model="selectAll"
           size="md"
           :partial="!isSelectedAllRows"
-          v-bind="stickyHeaderActionsCheckboxAttrs"
+          v-bind="headerActionsCheckboxAttrs"
           :data-test="`${dataTest}-select-all`"
         />
       </div>
 
       <div
         v-if="selectedRows.length"
-        v-bind="stickyHeaderActionsCounterAttrs"
+        v-bind="headerActionsCounterAttrs"
         v-text="selectedRows.length"
       />
 

package/ui.data-table/config.ts

@@ -1,7 +1,7 @@
 export default /*tw*/ {
   wrapper: "relative w-full overflow-auto",
   headerCounterBase: "mr-1.5 pr-1.5 font-medium text-sm text-gray-900",
-  stickyHeader: "fixed top-0 flex items-center z-30 overflow-hidden rounded-none border",
+  stickyHeader: "fixed top-0 flex items-center z-30 overflow-hidden border rounded-none",
   stickyHeaderRow: "border-gray-200 bg-white",
   stickyHeaderCell: "flex-none whitespace-nowrap",
   stickyHeaderCheckbox: "{UCheckbox}",
@@ -14,9 +14,10 @@ export default /*tw*/ {
     },
   },
   stickyHeaderLoader: "{ULoaderProgress}",
-  stickyHeaderActions: "rounded-t-lg border-blue-200 bg-blue-50",
-  stickyHeaderActionsCheckbox: "{UCheckbox}",
-  stickyHeaderActionsCounter: "-ml-1.5",
+  stickyHeaderActions: "rounded-none",
+  headerActions: "rounded-t-dynamic border-blue-200 bg-blue-50",
+  headerActionsCheckbox: "{UCheckbox}",
+  headerActionsCounter: "-ml-1.5",
   tableWrapper: "border border-gray-200 rounded-dynamic bg-white",
   table: "min-w-full border-none text-sm w-full table-auto",
   header: "border-b border-gray-200",

package/ui.data-table/useAttrs.ts

@@ -25,6 +25,7 @@ export default function useAttrs(
 
   const extendingKeys = [
     "headerCounterBase",
+    "headerActions",
     "stickyHeaderActions",
     "stickyHeaderRow",
     "stickyFooter",
@@ -42,7 +43,7 @@ export default function useAttrs(
         const classes = [];
 
         if (isShownActionsHeader.value) {
-          classes.push(extendingKeysClasses.stickyHeaderActions.value);
+          classes.push(extendingKeysClasses.headerActions.value);
         }
 
         if (isShownActionsHeader.value && isHeaderSticky.value) {
@@ -65,7 +66,7 @@ export default function useAttrs(
     stickyHeaderCounter: {
       base: computed(() => [extendingKeysClasses.headerCounterBase.value]),
     },
-    stickyHeaderActionsCounter: {
+    headerActionsCounter: {
       base: computed(() => [extendingKeysClasses.headerCounterBase.value]),
     },
     headerCellCheckbox: {

package/ui.form-checkbox/UCheckbox.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { inject, ref, onMounted, computed, watchEffect, toValue, useId } from "vue";
 import { isEqual } from "lodash-es";
 

package/ui.form-checkbox/types.ts

@@ -97,7 +97,7 @@ export interface UCheckboxProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.form-checkbox-group/UCheckboxGroup.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { provide, ref, watch } from "vue";
 import { isEqual } from "lodash-es";
 

package/ui.form-checkbox-group/types.ts

@@ -74,7 +74,7 @@ export interface UCheckboxGroupProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.form-checkbox-multi-state/UCheckboxMultiState.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, ref, watchEffect } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.form-checkbox-multi-state/types.ts

@@ -62,7 +62,7 @@ export interface UCheckboxMultiStateProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.form-select/config.js

@@ -44,9 +44,9 @@ export default /*tw*/ {
       `,
     variants: {
       size: {
-        sm: "text-xs min-h-4",
-        md: "text-sm min-h-5",
-        lg: "text-base min-h-6",
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base",
       },
       disabled: {
         true: "text-gray-700",

package/ui.image-avatar/UAvatar.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed } from "vue";
 
 import UIcon from "../ui.image-icon/UIcon.vue";

package/ui.image-avatar/types.ts

@@ -43,7 +43,7 @@ export interface UAvatarProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.image-icon/UIcon.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, defineAsyncComponent } from "vue";
 import { vTooltip } from "../directives";
 import { getDefault } from "../utils/ui.ts";

package/ui.image-icon/types.ts

@@ -53,7 +53,7 @@ export interface UIconProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.loader/ULoader.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { ULoader, ELLIPSES_AMOUNT } from "./constants.ts";

package/ui.loader/types.ts

@@ -23,5 +23,5 @@ export interface ULoaderProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 }

package/ui.loader-overlay/ULoaderOverlay.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, onMounted, onUnmounted } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.loader-overlay/types.ts

@@ -18,5 +18,5 @@ export interface ULoaderOverlayProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 }

package/ui.loader-progress/ULoaderProgress.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, onBeforeUnmount, watch, ref, onMounted, onUnmounted } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.loader-progress/types.ts

@@ -23,5 +23,5 @@ export interface ULoaderProgressProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 }

package/ui.navigation-pagination/UPagination.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed } from "vue";
 import { range } from "lodash-es";
 

package/ui.navigation-pagination/types.ts

@@ -76,7 +76,7 @@ export interface UPaginationProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.navigation-progress/StepperProgress.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import colors from "tailwindcss/colors.js";
 import { computed } from "vue";
 

package/ui.navigation-progress/UProgress.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.navigation-progress/types.ts

@@ -38,7 +38,7 @@ export interface UProgressProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.
@@ -65,7 +65,7 @@ export interface StepperProgressProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.navigation-tab/UTab.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, inject, toValue } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.navigation-tab/types.ts

@@ -21,7 +21,7 @@ export interface UTabProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.navigation-tabs/UTabs.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { computed, provide } from "vue";
 
 import UTab from "../ui.navigation-tab/UTab.vue";

package/ui.navigation-tabs/types.ts

@@ -28,7 +28,7 @@ export interface UTabsProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.other-dot/UDot.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { UDot } from "./constants.ts";

package/ui.other-dot/types.ts

@@ -18,7 +18,7 @@ export interface UDotProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.text-alert/UAlert.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { onMounted, ref, computed } from "vue";
 import { getDefault } from "../utils/ui.ts";
 

package/ui.text-alert/types.ts

@@ -48,7 +48,7 @@ export interface UAlertProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.text-badge/UBadge.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { useTemplateRef, computed } from "vue";
 
 import { getDefault } from "../utils/ui.ts";

package/ui.text-badge/types.ts

@@ -58,7 +58,7 @@ export interface UBadgeProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.

package/ui.text-block/UText.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts">
 import { getDefault } from "../utils/ui.ts";
 
 import { UText } from "./constants.ts";

package/ui.text-block/types.ts

@@ -26,7 +26,7 @@ export interface UTextProps {
   /**
    * Component config object.
    */
-  config?: Partial<typeof defaultConfig>;
+  config?: Config;
 
   /**
    * Data-test attribute for automated testing.