@witchcraft/ui 0.1.2 → 0.2.0

package/README.md

@@ -79,11 +79,11 @@ Most slots where possible are passed all properties needed to replace them excep
 ```ts
 import { defineConfig } from "vite"
 
-import { WitchcraftUiResolver } from "@witchcraft/ui/build/WitchcraftUiResolver.js"
+import { WitchcraftUiResolver } from "@witchcraft/ui/build/WitchcraftUiResolver"
 import IconsResolver from "unplugin-icons/resolver"
 import Icons from "unplugin-icons/vite"
 import Components from "unplugin-vue-components/vite"
-import { unpluginIconViteOptions } from "@witchcraft/ui/build/unpluginIconViteOptions.js"
+import { unpluginIconViteOptions } from "@witchcraft/ui/build/unpluginIconViteOptions"
 
 export default defineConfig({
 	plugins: [
@@ -206,12 +206,9 @@ interface Props
 </script>
 
 <script lang="ts" setup>
-// eslint-disable-next-line no-duplicate-imports
-import { baseInteractivePropsDefaults } from "../shared/props.js"
-
 const props = withDefaults(defineProps<Props>(), {
 	id: "",
-	...baseInteractivePropsDefaults
+	unstyle: false, disabled:false, readonly:false, border:true,
 })
 const $attrs = useAttrs()
 </script>

package/dist/module.json

@@ -1,9 +1,9 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
-    "unbuild": "3.6.0"
+    "unbuild": "3.6.1"
   }
 }

package/dist/module.mjs

@@ -1,8 +1,8 @@
 import { indent, crop } from '@alanscodelog/utils';
 import { createResolver, defineNuxtModule, useLogger, addTemplate, addComponent, addImports, installModule, addTypeTemplate } from '@nuxt/kit';
 import tailwindcss from '@tailwindcss/vite';
-import { addImportsCustom } from '@witchcraft/nuxt-utils/utils/addImportsCustom.js';
-import { globFiles } from '@witchcraft/nuxt-utils/utils/globFiles.js';
+import { addImportsCustom } from '@witchcraft/nuxt-utils/utils/addImportsCustom';
+import { globFiles } from '@witchcraft/nuxt-utils/utils/globFiles';
 import { defu } from 'defu';
 import fs from 'fs';
 import { themeAsTailwindCss } from 'metamorphosis/tailwind';
@@ -100,16 +100,19 @@ const module = defineNuxtModule({
         logger.info(`Adding unplugin-icons`);
         config.plugins ??= [];
         config.plugins = [
-          // we must prepend or the custom style options don't work when the module is used
-          ViteComponents({
-            resolvers: [
-              IconsResolver()
-              // we don't need our resolver since we use nuxt instead
-            ]
-          }),
-          Icons({
-            ...unpluginIconViteOptions
-          }),
+          ...options.includeUnpluginIconsPlugins ? [
+            // we must prepend or the custom style options don't work when the module is used
+            ViteComponents({
+              resolvers: [
+                IconsResolver({ prefix: "i" })
+                // we don't need our resolver since we use nuxt instead
+              ]
+            }),
+            Icons({
+              compiler: "vue3",
+              ...unpluginIconViteOptions
+            })
+          ] : [],
           tailwindcss(),
           ...config.plugins
         ];

package/dist/runtime/assets/utils.css

@@ -1 +1 @@
-@custom-variant dark (&:where(.dark, .dark *));@utility focus-outline-within{@apply outlined-within:outline-2 outlined-within:outline-accent-500 outlined-within:outline-offset-2}@utility focus-outline{@apply outlined:outline-2 outlined:outline-accent-500 outlined:outline-offset-2}@utility focus-outline-no-offset{@apply outlined:outline-2 outlined:outline-accent-500}@utility focus-outline-hidden{@apply outlined:outline-none}@utility bg-squares-gradient{--_square:var(--squareSize,5px);--_double_square:calc(var(--_square)*2);--_light_square:var(--lightSquare,var(--color-white));--_dark_square:var(--darkSquare,var(--color-black));background-color:var(--_light_square);background:repeating-conic-gradient(var(--_dark_square) 0 25%,var(--_light_square) 0 50%) 50% /var(--_double_square) var(--_double_square)}@utility square-light-*{--lightSquare:--value(--color- *)}@utility square-dark-*{--darkSquare:--value(--color- *)}@utility square-size-*{--squareSize:calc(--value(integer) * 1px)}@utility bg-bars-gradient{--_bg_color:var(--bars-bg-color,var(--color-accent-700));--_fg_color:var(--bars-fg-color,var(--color-accent-800));--_angle:var(--bars-angle,45deg);--_fg_width:var(--bars-fg-width,50%);--_bg_width:calc(100% - var(--_fg_width));background-color:var(--_bg_color);--_pos_1:calc(var(--_bg_width)/2);--_pos_2:calc(var(--_bg_width)/2 + var(--_fg_width)/2);--_pos_3:calc(var(--_bg_width) + var(--_fg_width)/2);background-image:repeating-linear-gradient(var(--_angle),var(--_bg_color),var(--_bg_color) var(--_pos_1),var(--_fg_color) var(--_pos_1),var(--_fg_color) var(--_pos_2),var(--_bg_color) var(--_pos_2),var(--_bg_color) var(--_pos_3),var(--_fg_color) var(--_pos_3),var(--_fg_color))}@utility bars-angle-*{--bars-angle:var(--value(integer) * 1deg)}@utility bars-fg-*{--bars-fg-color:--value(--color-*)}@utility bars-bg-*{--bars-bg-color:--value(--color-*)}@utility bars-w-*{--bars-fg-width:calc(--value(integer) * 1%, 50%)}@utility scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@utility styled-scrollbar{--_scrollbar_width:var(--scrollbar-width,calc(var(--spacing)*3));--_scrollbar_border_width:var(--scrollbar-border-width,calc(var(--spacing)/2));--_scrollbar_color:var(--scrollbar-color,--alpha(var(--color-accent-500)/40%));--_scrollbar_hover_color:var(--scrollbar-hover-color,--alpha(var(--color-accent-500)/80%));--_scrollbar_bg_color:var(--scrollbar-bg-color,var(--color-bg));.dark &{--_scrollbar_bg_color:var(--scrollbar-bg-color,var(--color-fg))}&::-webkit-scrollbar{height:var(--_scrollbar_width);width:var(--_scrollbar_width)}&::-webkit-scrollbar-corner,&::-webkit-scrollbar-track{background-color:transparent}&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-track{border-radius:var(--_scrollbar_width)}&::-webkit-scrollbar-thumb{background-color:var(--_scrollbar_color);border:var(--_scrollbar_border_width) solid var(--_scrollbar_bg_color)}&::-webkit-scrollbar-thumb:hover{cursor:pointer}&::-webkit-scrollbar-thumb:active,&::-webkit-scrollbar-thumb:hover{background-color:var(--_scrollbar_hover_color);border-radius:var(--_scrollbar_width)}}@utility styled-scrollbar-w-*{--scrollbar-width:--value(integer)}@utility styled-scrollbar-border-w-*{--scrollbar-border-width:--value(integer)}@utility styled-scrollbar-*{--scrollbar-color:--value(--color-*)}@utility styled-scrollbar-bg-*{--scrollbar-bg-color:--value(--color-*)}@utility styled-resizer{--_resizer_width:var(--resizer-width,8px);--_resizer_color:var(--resizer-color,var(--color-neutral-300));.dark &{--_resizer_color:var(--resizer-color,var(--color-neutral-700))}&::-webkit-resizer{border-bottom-color:var(--_resizer_color);border-left-color:transparent;border-right-color:var(--_resizer_color);border-style:solid;border-top-color:transparent;border-width:var(--_resizer_width)}}@utility styled-resizer-w-*{--resizer-width:--value(integer)}@utility styled-resizer-color-*{--resizer-color:--value(--color-*)}@utility content-vertical-holder{--tw-content:"\200b";content:var(--tw-content)}@utility no-touch-action{touch-action:none}@utility bg-transparency-squares{@apply bg-squares-gradient square-light-white square-dark-neutral-300 square-size-6}@utility link-like{@apply cursor-pointer hover:text-accent-500}
+@custom-variant dark (&:where(.dark, .dark *));@utility focus-outline-within{@reference outlined-within:outline-2 outlined-within:outline-accent-500 outlined-within:outline-offset-2}@utility focus-outline{@reference outlined:outline-2 outlined:outline-accent-500 outlined:outline-offset-2}@utility focus-outline-no-offset{@reference outlined:outline-2 outlined:outline-accent-500}@utility focus-outline-hidden{@reference outlined:outline-none}@utility bg-squares-gradient{--_square:var(--squareSize,5px);--_double_square:calc(var(--_square)*2);--_light_square:var(--lightSquare,var(--color-white));--_dark_square:var(--darkSquare,var(--color-black));background-color:var(--_light_square);background:repeating-conic-gradient(var(--_dark_square) 0 25%,var(--_light_square) 0 50%) 50% /var(--_double_square) var(--_double_square)}@utility square-light-*{--lightSquare:--value(--color- *)}@utility square-dark-*{--darkSquare:--value(--color- *)}@utility square-size-*{--squareSize:calc(--value(integer) * 1px)}@utility bg-bars-gradient{--_bg_color:var(--bars-bg-color,var(--color-accent-700));--_fg_color:var(--bars-fg-color,var(--color-accent-800));--_angle:var(--bars-angle,45deg);--_fg_width:var(--bars-fg-width,50%);--_bg_width:calc(100% - var(--_fg_width));background-color:var(--_bg_color);--_pos_1:calc(var(--_bg_width)/2);--_pos_2:calc(var(--_bg_width)/2 + var(--_fg_width)/2);--_pos_3:calc(var(--_bg_width) + var(--_fg_width)/2);background-image:repeating-linear-gradient(var(--_angle),var(--_bg_color),var(--_bg_color) var(--_pos_1),var(--_fg_color) var(--_pos_1),var(--_fg_color) var(--_pos_2),var(--_bg_color) var(--_pos_2),var(--_bg_color) var(--_pos_3),var(--_fg_color) var(--_pos_3),var(--_fg_color))}@utility bars-angle-*{--bars-angle:var(--value(integer) * 1deg)}@utility bars-fg-*{--bars-fg-color:--value(--color-*)}@utility bars-bg-*{--bars-bg-color:--value(--color-*)}@utility bars-w-*{--bars-fg-width:calc(--value(integer) * 1%, 50%)}@utility scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}}@utility styled-scrollbar{--_scrollbar_width:var(--scrollbar-width,calc(var(--spacing)*3));--_scrollbar_border_width:var(--scrollbar-border-width,calc(var(--spacing)/2));--_scrollbar_color:var(--scrollbar-color,--alpha(var(--color-accent-500)/40%));--_scrollbar_hover_color:var(--scrollbar-hover-color,--alpha(var(--color-accent-500)/80%));--_scrollbar_bg_color:var(--scrollbar-bg-color,var(--color-bg));.dark &{--_scrollbar_bg_color:var(--scrollbar-bg-color,var(--color-fg))}&::-webkit-scrollbar{height:var(--_scrollbar_width);width:var(--_scrollbar_width)}&::-webkit-scrollbar-corner,&::-webkit-scrollbar-track{background-color:transparent}&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-track{border-radius:var(--_scrollbar_width)}&::-webkit-scrollbar-thumb{background-color:var(--_scrollbar_color);border:var(--_scrollbar_border_width) solid var(--_scrollbar_bg_color)}&::-webkit-scrollbar-thumb:hover{cursor:pointer}&::-webkit-scrollbar-thumb:active,&::-webkit-scrollbar-thumb:hover{background-color:var(--_scrollbar_hover_color);border-radius:var(--_scrollbar_width)}}@utility styled-scrollbar-w-*{--scrollbar-width:--value(integer)}@utility styled-scrollbar-border-w-*{--scrollbar-border-width:--value(integer)}@utility styled-scrollbar-*{--scrollbar-color:--value(--color-*)}@utility styled-scrollbar-bg-*{--scrollbar-bg-color:--value(--color-*)}@utility styled-resizer{--_resizer_width:var(--resizer-width,8px);--_resizer_color:var(--resizer-color,var(--color-neutral-300));.dark &{--_resizer_color:var(--resizer-color,var(--color-neutral-700))}&::-webkit-resizer{border-bottom-color:var(--_resizer_color);border-left-color:transparent;border-right-color:var(--_resizer_color);border-style:solid;border-top-color:transparent;border-width:var(--_resizer_width)}}@utility styled-resizer-w-*{--resizer-width:--value(integer)}@utility styled-resizer-color-*{--resizer-color:--value(--color-*)}@utility content-vertical-holder{--tw-content:"\200b";content:var(--tw-content)}@utility no-touch-action{touch-action:none}@utility bg-transparency-squares{@reference bg-squares-gradient square-light-white square-dark-neutral-300 square-size-6}@utility link-like{@apply cursor-pointer hover:text-accent-500}

package/dist/runtime/build/generateTheme.js

@@ -1,4 +1,4 @@
-import { themeAsTailwindCss } from "metamorphosis/tailwind.js";
+import { themeAsTailwindCss } from "metamorphosis/tailwind";
 import fs from "node:fs";
 import { resolve } from "path";
 import { themeConvertionOpts } from "../tailwind/themeConvertionOpts.js";

package/dist/runtime/components/LibButton/LibButton.vue

@@ -185,33 +185,26 @@
 </template>
 
 <script setup>
-import { isBlank } from "@alanscodelog/utils/isBlank.js";
-import { keys } from "@alanscodelog/utils/keys.js";
-import { pick } from "@alanscodelog/utils/pick.js";
+import { isBlank } from "@alanscodelog/utils/isBlank";
 import { computed, useAttrs } from "vue";
 import { useAriaLabel } from "../../composables/useAriaLabel.js";
-import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractiveProps, baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 const $attrs = useAttrs();
 defineOptions({
   name: "lib-button"
 });
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+const props = defineProps({
   id: { type: String, required: false },
-  label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  color: { type: [String, Boolean], required: false },
+  label: { type: String, required: false, default: "" },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
+  color: { type: [String, Boolean], required: false, default: false },
   autoTitleFromAria: { type: Boolean, required: false }
-}, {
-  color: false,
-  label: "",
-  ...baseInteractivePropsDefaults
-}));
+});
 const ariaLabel = useAriaLabel(props, fallbackId);
 const autoTitle = computed(() => ({
   title: props.autoTitleFromAria ? $attrs["aria-label"] ?? props.label : void 0

package/dist/runtime/components/LibCheckbox/LibCheckbox.vue

@@ -72,14 +72,11 @@
 </template>
 
 <script setup>
-import { keys } from "@alanscodelog/utils/keys.js";
-import { omit } from "@alanscodelog/utils/omit.js";
-import { pick } from "@alanscodelog/utils/pick.js";
-import { computed, ref, useAttrs, useSlots } from "vue";
+import { ref, useSlots } from "vue";
 import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
 import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-checkbox",
   inheritAttrs: false
@@ -87,16 +84,14 @@ defineOptions({
 const $ = useDivideAttrs(["label", "wrapper"]);
 const $slots = useSlots();
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+const props = defineProps({
   id: { type: String, required: false },
   label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false }
-}, {
-  ...baseInteractivePropsDefaults
-}));
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false }
+});
 const emits = defineEmits(["submit"]);
 const el = ref(null);
 const inputEl = ref(null);

package/dist/runtime/components/LibColorPicker/LibColorPicker.vue

@@ -170,15 +170,16 @@
 </template>
 
 <script setup>
-import { castType } from "@alanscodelog/utils/castType.js";
-import { clampNumber } from "@alanscodelog/utils/clampNumber.js";
-import { isArray } from "@alanscodelog/utils/isArray.js";
-import { unreachable } from "@alanscodelog/utils/unreachable.js";
+import { castType } from "@alanscodelog/utils/castType";
+import { clampNumber } from "@alanscodelog/utils/clampNumber";
+import { isArray } from "@alanscodelog/utils/isArray";
+import { unreachable } from "@alanscodelog/utils/unreachable";
 import Color from "colorjs.io";
 import { computed, onMounted, reactive, ref, useAttrs, watch } from "vue";
 import { safeConvertToHsva } from "./utils/safeConvertToHsva.js";
 import { safeConvertToRgba } from "./utils/safeConvertToRgba.js";
 import { toLowPrecisionRgbaString } from "./utils/toLowPrecisionRgbaString.js";
+import IFa6RegularCopy from "~icons/fa-regular/copy";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import { copy } from "../../helpers/copy.js";
 import { twMerge } from "../../utils/twMerge.js";

package/dist/runtime/components/LibColorPicker/utils/safeConvertToHsva.js

@@ -1,4 +1,4 @@
-import { clampNumber } from "@alanscodelog/utils/clampNumber.js";
+import { clampNumber } from "@alanscodelog/utils/clampNumber";
 import Color from "colorjs.io";
 export function safeConvertToHsva(val, allowAlpha) {
   try {

package/dist/runtime/components/LibColorPicker/utils/safeConvertToRgba.js

@@ -1,4 +1,4 @@
-import { clampNumber } from "@alanscodelog/utils/clampNumber.js";
+import { clampNumber } from "@alanscodelog/utils/clampNumber";
 import Color from "colorjs.io";
 export function safeConvertToRgba(val, allowAlpha) {
   try {

package/dist/runtime/components/LibDarkModeSwitcher/LibDarkModeSwitcher.vue

@@ -15,22 +15,9 @@
 	<!-- content-vertical-holder will keep the icon the height of a text line regardless of the svg used -->
 	<template #icon>
 		<icon
-			v-if="darkModeState === 'dark'"
-			class="w-[1em] flex items-center content-vertical-holder"
+			class="w-[1em] items-center content-vertical-holder"
 		>
-			<i-fa-solid-moon/>
-		</icon>
-		<icon
-			v-else-if="darkModeState === 'light'"
-			class="w-[1em] content-vertical-holder"
-		>
-			<i-ph-sun-bold/>
-		</icon>
-		<icon
-			v-else
-			class="w-[1em] content-vertical-holder"
-		>
-			<i-fa6-solid-circle-half-stroke/>
+			<component :is="darkModeState === 'dark' ? IFaSolidMoon : darkModeState === 'light' ? IPhSunBold : IFa6SolidCircleHalfStroke"/>
 		</icon>
 	</template>
 	<template #default v-if="showLabel">
@@ -43,6 +30,9 @@
 
 <script setup>
 import { onMounted, useAttrs, watch } from "vue";
+import IFaSolidMoon from "~icons/fa-solid/moon";
+import IFa6SolidCircleHalfStroke from "~icons/fa6-solid/circle-half-stroke";
+import IPhSunBold from "~icons/ph/sun-bold";
 import { useInjectedDarkMode } from "../../composables/useInjectedDarkMode.js";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import { twMerge } from "../../utils/twMerge.js";

package/dist/runtime/components/LibDatePicker/LibRangeDatePicker.vue

@@ -3,6 +3,11 @@ import { CalendarDate, getLocalTimeZone, ZonedDateTime } from "@internationalize
 import { DateRangePickerArrow, DateRangePickerCalendar, DateRangePickerCell, DateRangePickerCellTrigger, DateRangePickerContent, DateRangePickerField, DateRangePickerGrid, DateRangePickerGridBody, DateRangePickerGridHead, DateRangePickerGridRow, DateRangePickerHeadCell, DateRangePickerHeader, DateRangePickerHeading, DateRangePickerInput, DateRangePickerNext, DateRangePickerPrev, DateRangePickerRoot, DateRangePickerTrigger } from "reka-ui";
 import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue";
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js";
+import IRadixIconsCalendar from "~icons/radix-icons/calendar";
+import IRadixIconsChevronLeft from "~icons/radix-icons/chevron-left";
+import IRadixIconsChevronRight from "~icons/radix-icons/chevron-right";
+import IRadixIconsDoubleArrowLeft from "~icons/radix-icons/double-arrow-left";
+import IRadixIconsDoubleArrowRight from "~icons/radix-icons/double-arrow-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
 import Icon from "../Icon/Icon.vue";

package/dist/runtime/components/LibDatePicker/LibSingleDatePicker.vue

@@ -3,6 +3,11 @@ import { getLocalTimeZone } from "@internationalized/date";
 import { DatePickerArrow, DatePickerCalendar, DatePickerCell, DatePickerCellTrigger, DatePickerContent, DatePickerField, DatePickerGrid, DatePickerGridBody, DatePickerGridHead, DatePickerGridRow, DatePickerHeadCell, DatePickerHeader, DatePickerHeading, DatePickerInput, DatePickerNext, DatePickerPrev, DatePickerRoot, DatePickerTrigger } from "reka-ui";
 import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue";
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js";
+import IRadixIconsCalendar from "~icons/radix-icons/calendar";
+import IRadixIconsChevronLeft from "~icons/radix-icons/chevron-left";
+import IRadixIconsChevronRight from "~icons/radix-icons/chevron-right";
+import IRadixIconsDoubleArrowLeft from "~icons/radix-icons/double-arrow-left";
+import IRadixIconsDoubleArrowRight from "~icons/radix-icons/double-arrow-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
 import Icon from "../Icon/Icon.vue";

package/dist/runtime/components/LibDebug/LibDebug.vue

@@ -31,6 +31,7 @@
 
 <script setup>
 import { useSlots } from "vue";
+import IFa6RegularCopy from "~icons/fa-regular/copy";
 import Icon from "../Icon/Icon.vue";
 import LibButton from "../LibButton/LibButton.vue";
 const $slots = useSlots();

package/dist/runtime/components/LibFileInput/LibFileInput.vue

@@ -163,6 +163,9 @@
 
 <script setup>
 import { computed, ref, shallowReactive, watch } from "vue";
+import IFa6RegularFile from "~icons/fa6-regular/file";
+import IFa6SolidArrowUpFromBracket from "~icons/fa6-solid/arrow-up-from-bracket";
+import IFa6SolidXmark from "~icons/fa6-solid/xmark";
 import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import {} from "../../types/index.js";

package/dist/runtime/components/LibInputDeprecated/LibInputDeprecated.vue

@@ -156,10 +156,11 @@
 </template>
 
 <script setup>
-import { isBlank } from "@alanscodelog/utils/isBlank.js";
-import { isObject } from "@alanscodelog/utils/isObject.js";
-import { pushIfNotIn } from "@alanscodelog/utils/pushIfNotIn.js";
+import { isBlank } from "@alanscodelog/utils/isBlank";
+import { isObject } from "@alanscodelog/utils/isObject";
+import { pushIfNotIn } from "@alanscodelog/utils/pushIfNotIn";
 import { computed, nextTick, onBeforeMount, ref, toRef, useSlots, watch } from "vue";
+import IFa6SolidChevronUp from "~icons/fa6-solid/chevron-up";
 import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
 import { useSuggestionsInputAria } from "../../composables/useSuggestions.js";
 import { twMerge } from "../../utils/twMerge.js";
@@ -168,7 +169,7 @@ import LibLabel from "../LibLabel/LibLabel.vue";
 import LibMultiValues from "../LibMultiValues/LibMultiValues.vue";
 import LibSimpleInput from "../LibSimpleInput/LibSimpleInput.vue";
 import LibSuggestions from "../LibSuggestions/LibSuggestions.vue";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-simple-input-deprecated",
   inheritAttrs: false
@@ -176,11 +177,11 @@ defineOptions({
 const $slots = useSlots();
 const emit = defineEmits(["input", "submit", "keydown", "blur", "focus", "indicatorClick"]);
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
-  suggestions: { type: Array, required: false },
+const props = defineProps({
+  suggestions: { type: Array, required: false, default: void 0 },
   suggestionLabel: { type: Function, required: false },
   restrictToSuggestions: { type: Boolean, required: false },
-  updateOnlyOnSubmit: { type: Boolean, required: false },
+  updateOnlyOnSubmit: { type: Boolean, required: false, default: false },
   suggestionsFilter: { type: Function, required: false },
   allowOpenEmpty: { type: Boolean, required: false },
   canOpen: { type: Boolean, required: false },
@@ -190,17 +191,12 @@ const props = defineProps(/* @__PURE__ */ _mergeDefaults({
   showSelectedValues: { type: Boolean, required: false },
   id: { type: String, required: false },
   label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  valid: { type: Boolean, required: false }
-}, {
-  valid: true,
-  suggestions: void 0,
-  updateOnlyOnSubmit: false,
-  ...baseInteractivePropsDefaults
-}));
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
+  valid: { type: Boolean, required: false, default: true }
+});
 const $ = useDivideAttrs(["wrapper", "inner-wrapper", "suggestions", "multivalues"]);
 const $values = defineModel("values", { type: null, ...{ default: void 0 } });
 const $modelValue = defineModel({ type: String, ...{ required: true } });

package/dist/runtime/components/LibLabel/LibLabel.vue

@@ -22,26 +22,21 @@
 <script setup>
 import { toRef, useAttrs } from "vue";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-label"
 });
 const fallbackId = getFallbackId();
-defineProps(/* @__PURE__ */ _mergeDefaults({
-  id: { type: String, required: false },
+defineProps({
+  id: { type: String, required: false, default: "" },
   label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
   unstyled: { type: Boolean, required: false },
-  valid: { type: Boolean, required: false }
-}, {
-  id: "",
-  unstyled: void 0,
-  valid: true,
-  ...baseInteractivePropsDefaults
-}));
+  valid: { type: Boolean, required: false, default: true }
+});
 const $attrs = useAttrs();
 </script>
 

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

@@ -14,7 +14,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, voi
     readonly: boolean;
     border: boolean;
     unstyle: boolean;
-    unstyled: boolean;
     valid: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;

package/dist/runtime/components/LibMultiValues/LibMultiValues.vue

@@ -76,28 +76,27 @@
 </template>
 
 <script setup>
-import { removeIfIn } from "@alanscodelog/utils/removeIfIn.js";
+import { removeIfIn } from "@alanscodelog/utils/removeIfIn";
 import { computed } from "vue";
+import IFa6SolidXmark from "~icons/fa6-solid/xmark";
 import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
 import { copy } from "../../helpers/copy.js";
 import { twMerge } from "../../utils/twMerge.js";
 import Icon from "../Icon/Icon.vue";
 import LibButton from "../LibButton/LibButton.vue";
-import { baseInteractivePropsDefaults } from "../shared/props.js";
+import {} from "../shared/props.js";
 defineOptions({
   name: "lib-multi-values",
   inheritAttrs: false
 });
 const $ = useDivideAttrs(["item"]);
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+const props = defineProps({
   label: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false }
-}, {
-  ...baseInteractivePropsDefaults
-}));
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false }
+});
 const canEdit = computed(() => !props.disabled && !props.readonly);
 const $modelValue = defineModel({ type: Array, ...{ default: () => [] } });
 const removeVal = (value) => {

package/dist/runtime/components/LibNotifications/LibNotification.vue

@@ -84,6 +84,8 @@
 
 <script setup>
 import { computed, ref, useAttrs } from "vue";
+import IFa6RegularCopy from "~icons/fa6-regular/copy";
+import IFa6SolidXmark from "~icons/fa6-solid/xmark";
 import { copy } from "../../helpers/copy.js";
 import { NotificationHandler } from "../../helpers/NotificationHandler.js";
 import { twMerge } from "../../utils/twMerge.js";

package/dist/runtime/components/LibNotifications/LibNotifications.vue

@@ -52,7 +52,7 @@
 </template>
 
 <script setup>
-import { removeIfIn } from "@alanscodelog/utils/removeIfIn.js";
+import { removeIfIn } from "@alanscodelog/utils/removeIfIn";
 import { nextTick, onBeforeUnmount, ref, shallowReactive, Transition, TransitionGroup } from "vue";
 import LibNotification from "./LibNotification.vue";
 import { useNotificationHandler } from "../../composables/useNotificationHandler.js";

package/dist/runtime/components/LibPalette/LibPalette.vue

@@ -27,20 +27,17 @@ export default { name: "lib-palette" };
 </script>
 
 <script setup>
-import { keys } from "@alanscodelog/utils/keys.js";
+import { keys } from "@alanscodelog/utils/keys";
 import {} from "metamorphosis";
-import { baseInteractivePropsDefaults } from "../shared/props.js";
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+import {} from "../shared/props.js";
+const props = defineProps({
   id: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
-  theme: { type: Object, required: true }
-}, {
-  theme: () => ({}),
-  ...baseInteractivePropsDefaults
-}));
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
+  theme: { type: Object, required: true, default: () => ({}) }
+});
 const exclude = ["--color-bg", "--color-fg"];
 const colors = keys(props.theme.css).filter((key) => key.startsWith("--color") && !exclude.includes(key));
 </script>

package/dist/runtime/components/LibPopup/LibPopup.vue

@@ -49,8 +49,8 @@
 import { onMounted, nextTick, ref, useAttrs, watch } from "vue";
 import { getFallbackId } from "../shared/props.js";
 import { twMerge } from "../../utils/twMerge.js";
-import { castType } from "@alanscodelog/utils/castType.js";
-import { isArray } from "@alanscodelog/utils/isArray.js";
+import { castType } from "@alanscodelog/utils/castType";
+import { isArray } from "@alanscodelog/utils/isArray";
 const fallbackId = getFallbackId();
 const props = defineProps({
   id: { type: String, required: false },

package/dist/runtime/components/LibProgressBar/LibProgressBar.vue

@@ -97,30 +97,25 @@
 <script setup>
 import { ref, watch } from "vue";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 const clampVal = (n, min, max) => Math.min(Math.max(n, min), max);
 defineOptions({
   name: "lib-progress-bar",
   inheritAttrs: false
 });
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
+const props = defineProps({
   id: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
   label: { type: String, required: false },
   progress: { type: Number, required: true },
-  autohideOnComplete: { type: Number, required: false },
-  keepSpaceWhenHidden: { type: Boolean, required: false },
-  clamp: { type: Array, required: false }
-}, {
-  autohideOnComplete: -1,
-  keepSpaceWhenHidden: false,
-  clamp: () => [0, 100],
-  ...baseInteractivePropsDefaults
-}));
+  autohideOnComplete: { type: Number, required: false, default: -1 },
+  keepSpaceWhenHidden: { type: Boolean, required: false, default: false },
+  clamp: { type: Array, required: false, default: () => [0, 100] }
+});
 const hide = ref(false);
 const psuedoHide = ref(false);
 let timeout;

package/dist/runtime/components/LibRecorder/LibRecorder.vue

@@ -71,12 +71,12 @@
 </template>
 
 <script setup>
-import { keys } from "@alanscodelog/utils/keys.js";
+import { keys } from "@alanscodelog/utils/keys";
 import { computed, onBeforeUnmount, onMounted, ref, watch, watchPostEffect } from "vue";
 import { useAriaLabel } from "../../composables/useAriaLabel.js";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import { twMerge } from "../../utils/twMerge.js";
-import { baseInteractivePropsDefaults, getFallbackId } from "../shared/props.js";
+import { getFallbackId } from "../shared/props.js";
 defineOptions({
   name: "lib-recorder",
   inheritAttrs: false
@@ -84,24 +84,18 @@ defineOptions({
 const t = useInjectedI18n();
 const emits = defineEmits(["recorder:blur", "recorder:click", "focus:parent"]);
 const fallbackId = getFallbackId();
-const props = defineProps(/* @__PURE__ */ _mergeDefaults({
-  id: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  border: { type: Boolean, required: false },
-  unstyle: { type: Boolean, required: false },
+const props = defineProps({
+  id: { type: String, required: false, default: void 0 },
+  disabled: { type: Boolean, required: false, default: false },
+  readonly: { type: Boolean, required: false, default: false },
+  border: { type: Boolean, required: false, default: true },
+  unstyle: { type: Boolean, required: false, default: false },
   label: { type: String, required: false },
   recordingValue: { type: String, required: false },
-  recordingTitle: { type: String, required: false },
-  recorder: { type: null, required: false },
-  binders: { type: null, required: false }
-}, {
-  recordingTitle: "",
-  id: void 0,
-  binders: void 0,
-  recorder: void 0,
-  ...baseInteractivePropsDefaults
-}));
+  recordingTitle: { type: String, required: false, default: "" },
+  recorder: { type: null, required: false, default: void 0 },
+  binders: { type: null, required: false, default: void 0 }
+});
 const recording = defineModel("recording", { type: Boolean, ...{ required: false, default: false } });
 const modelValue = defineModel({ type: String, ...{ required: true } });
 const recorderEl = ref(null);