@witchcraft/ui 0.4.0-beta.4 → 0.4.0-beta.6

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftUi",
   "configKey": "witchcraftUi",
-  "version": "0.4.0-beta.4",
+  "version": "0.4.0-beta.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/WCheckbox/WCheckbox.vue

@@ -84,6 +84,7 @@
 <script setup>
 import { CheckboxIndicator, CheckboxRoot } from "reka-ui";
 import { useAttrs } from "vue";
+import ILucideCheck from "~icons/lucide/check";
 import { useFallbackId } from "../../composables/useFallbackId.js";
 import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js";
 import { twMerge } from "../../utils/twMerge.js";

package/dist/runtime/components/WColorPicker/WColorPicker.vue

@@ -189,6 +189,7 @@ 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 ILucideCopy from "~icons/lucide/copy";
 import { useFallbackId } from "../../composables/useFallbackId.js";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import { copy } from "../../helpers/copy.js";

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

@@ -54,6 +54,8 @@ declare const __VLS_export: <TSuggestion extends NonNullable<AcceptableValue>>(_
     attrs: any;
     slots: {
         'loading-indicator'?: (props: {}) => any;
+    } & {
+        right?: (props: {}) => any;
     } & {
         trigger?: (props: {
             open: boolean;

package/dist/runtime/components/WCombobox/WCombobox.vue

@@ -38,7 +38,7 @@
 					border
 					border-neutral-300
 					dark:border-neutral-700
-					bg-neutral-100
+					bg-white
 					dark:bg-neutral-800/50
 					focus:bg-bg
 					dark:focus:bg-neutral-800
@@ -95,6 +95,7 @@
 					</WIcon>
 				</slot>
 			</Transition>
+			<slot name="right"/>
 			<ComboboxTrigger
 				:as-child="true"
 			>
@@ -104,7 +105,7 @@
 				>
 					<WButton
 						:border="false"
-						class="combobox--toggle p-0"
+						class="combobox--toggle p-0 text-neutral-800 dark:text-neutral-200"
 						:aria-label="open ? 'Close' : 'Open'"
 					>
 						<slot
@@ -114,7 +115,7 @@
 							<WIcon
 								:class="twMerge(`combobox--toggle scale-150`, open && `rotate-180`)"
 							>
-								<i-chevron-caret-down/>
+								<i-lucide-chevron-down/>
 							</WIcon>
 						</slot>
 					</WButton>
@@ -308,6 +309,8 @@ import {
   useFilter
 } from "reka-ui";
 import { computed, nextTick, ref, useAttrs, useSlots, useTemplateRef, watch } from "vue";
+import ILucideChevronDown from "~icons/lucide/chevron-down";
+import ILucideLoaderCircle from "~icons/lucide/loader-circle";
 import { useDelayedLoadingIndicator } from "../../composables/useDelayedLoadingIndicator.js";
 import { useDisplayForReka } from "../../composables/useDisplayForReka.js";
 import { useFallbackId } from "../../composables/useFallbackId.js";

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

@@ -54,6 +54,8 @@ declare const __VLS_export: <TSuggestion extends NonNullable<AcceptableValue>>(_
     attrs: any;
     slots: {
         'loading-indicator'?: (props: {}) => any;
+    } & {
+        right?: (props: {}) => any;
     } & {
         trigger?: (props: {
             open: boolean;

package/dist/runtime/components/WDatePicker/WRangeDatePicker.vue

@@ -3,6 +3,11 @@ import { getLocalTimeZone } from "@internationalized/date";
 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 ILucideCalendarRange from "~icons/lucide/calendar-range";
+import ILucideChevronLeft from "~icons/lucide/chevron-left";
+import ILucideChevronRight from "~icons/lucide/chevron-right";
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left";
+import ILucideChevronsRight from "~icons/lucide/chevrons-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
 import WIcon from "../WIcon/WIcon.vue";

package/dist/runtime/components/WDatePicker/WSingleDatePicker.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 ILucideCalendarDays from "~icons/lucide/calendar-days";
+import ILucideChevronLeft from "~icons/lucide/chevron-left";
+import ILucideChevronRight from "~icons/lucide/chevron-right";
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left";
+import ILucideChevronsRight from "~icons/lucide/chevrons-right";
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js";
 import { twMerge } from "../../utils/twMerge.js";
 import WIcon from "../WIcon/WIcon.vue";

package/dist/runtime/components/WDebug/WDebug.vue

@@ -34,6 +34,7 @@
 
 <script setup>
 import { useSlots } from "vue";
+import ILucideCopy from "~icons/lucide/copy";
 import WButton from "../WButton/WButton.vue";
 import WIcon from "../WIcon/WIcon.vue";
 const $slots = useSlots();

package/dist/runtime/components/WFileInput/WFileInput.vue

@@ -226,6 +226,9 @@
 
 <script setup>
 import { computed, onBeforeUnmount, ref, shallowReactive, watch } from "vue";
+import ILucideFile from "~icons/lucide/file";
+import ILucideUpload from "~icons/lucide/upload";
+import ILucideX from "~icons/lucide/x";
 import { useFallbackId } from "../../composables/useFallbackId.js";
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
 import { twMerge } from "../../utils/twMerge.js";

package/dist/runtime/components/WMultiValues/WMultiValues.vue

@@ -86,6 +86,7 @@
 <script setup>
 import { removeIfIn } from "@alanscodelog/utils/removeIfIn";
 import { computed, nextTick, ref, useAttrs } from "vue";
+import ILucideX from "~icons/lucide/x";
 import { copy } from "../../helpers/copy.js";
 import { twMerge } from "../../utils/twMerge.js";
 import WButton from "../WButton/WButton.vue";

package/dist/runtime/components/WNotifications/WNotification.vue

@@ -177,6 +177,8 @@
 
 <script setup>
 import { computed, onMounted, ref, useAttrs } from "vue";
+import ILucideCopy from "~icons/lucide/copy";
+import ILucideX from "~icons/lucide/x";
 import { useSlotVars } from "../../composables/useSlotVars.js";
 import { copy } from "../../helpers/copy.js";
 import { NotificationHandler } from "../../helpers/NotificationHandler.js";

package/dist/runtime/components/WTooltip/WTooltip.vue

@@ -92,6 +92,7 @@
 
 <script setup>
 import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from "reka-ui";
+import ILucideInfo from "~icons/lucide/info";
 import { usePopupConstrainToStyle } from "../../composables/usePopupConstrainToStyle.js";
 import { twMerge } from "../../utils/twMerge.js";
 import WIcon from "../WIcon/WIcon.vue";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@witchcraft/ui",
-  "version": "0.4.0-beta.4",
+  "version": "0.4.0-beta.6",
   "description": "Vue component library.",
   "type": "module",
   "main": "./dist/runtime/main.lib.js",

package/src/runtime/components/WCheckbox/WCheckbox.vue

@@ -84,6 +84,8 @@ import { CheckboxIndicator, CheckboxRoot } from "reka-ui"
 import type { HTMLAttributes, InputHTMLAttributes } from "vue"
 import { useAttrs } from "vue"
 
+import ILucideCheck from "~icons/lucide/check"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js"
 import type { BaseInteractiveProps, TailwindClassProp } from "../../types/index.js"

package/src/runtime/components/WColorPicker/WColorPicker.vue

@@ -191,6 +191,8 @@ import { safeConvertToHsva } from "./utils/safeConvertToHsva.js"
 import { safeConvertToRgba } from "./utils/safeConvertToRgba.js"
 import { toLowPrecisionRgbaString } from "./utils/toLowPrecisionRgbaString.js"
 
+import ILucideCopy from "~icons/lucide/copy"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js"
 import { copy } from "../../helpers/copy.js"

package/src/runtime/components/WCombobox/WCombobox.vue

@@ -36,7 +36,7 @@
 					border
 					border-neutral-300
 					dark:border-neutral-700
-					bg-neutral-100
+					bg-white
 					dark:bg-neutral-800/50
 					focus:bg-bg
 					dark:focus:bg-neutral-800
@@ -92,6 +92,7 @@
 					</WIcon>
 				</slot>
 			</Transition>
+			<slot name="right"/>
 			<ComboboxTrigger
 				:as-child="true"
 			>
@@ -101,7 +102,7 @@
 				>
 					<WButton
 						:border="false"
-						class="combobox--toggle p-0"
+						class="combobox--toggle p-0 text-neutral-800 dark:text-neutral-200"
 						:aria-label="open ? 'Close' : 'Open'"
 					>
 						<slot
@@ -111,7 +112,7 @@
 							<WIcon
 								:class="twMerge(`combobox--toggle scale-150`, open && `rotate-180`)"
 							>
-								<i-chevron-caret-down/>
+								<i-lucide-chevron-down/>
 							</WIcon>
 						</slot>
 					</WButton>
@@ -306,6 +307,9 @@ import {
 import type { EmitsToProps, HTMLAttributes, InputHTMLAttributes } from "vue"
 import { computed, nextTick, ref, useAttrs, useSlots, useTemplateRef, watch } from "vue"
 
+import ILucideChevronDown from "~icons/lucide/chevron-down"
+import ILucideLoaderCircle from "~icons/lucide/loader-circle"
+
 import { useDelayedLoadingIndicator } from "../../composables/useDelayedLoadingIndicator.js"
 import { type SuggestionsDisplayProps, useDisplayForReka } from "../../composables/useDisplayForReka.js"
 import { useFallbackId } from "../../composables/useFallbackId.js"

package/src/runtime/components/WDatePicker/WRangeDatePicker.vue

@@ -7,6 +7,12 @@ import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue"
 
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js"
 
+import ILucideCalendarRange from "~icons/lucide/calendar-range"
+import ILucideChevronLeft from "~icons/lucide/chevron-left"
+import ILucideChevronRight from "~icons/lucide/chevron-right"
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left"
+import ILucideChevronsRight from "~icons/lucide/chevrons-right"
+
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js"
 import type { RangeDate } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

package/src/runtime/components/WDatePicker/WSingleDatePicker.vue

@@ -5,6 +5,12 @@ import { onBeforeUnmount, ref, toRaw, useAttrs, watch } from "vue"
 
 import { convertDateWithFallback, getNow, toEmittableDate } from "./helpers.js"
 
+import ILucideCalendarDays from "~icons/lucide/calendar-days"
+import ILucideChevronLeft from "~icons/lucide/chevron-left"
+import ILucideChevronRight from "~icons/lucide/chevron-right"
+import ILucideChevronsLeft from "~icons/lucide/chevrons-left"
+import ILucideChevronsRight from "~icons/lucide/chevrons-right"
+
 import { useInjectedLocale } from "../../composables/useInjectedLocale.js"
 import type { SingleDate } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

package/src/runtime/components/WDebug/WDebug.vue

@@ -35,6 +35,8 @@
 <script setup lang="ts">
 import { useSlots } from "vue"
 
+import ILucideCopy from "~icons/lucide/copy"
+
 import WButton from "../WButton/WButton.vue"
 import WIcon from "../WIcon/WIcon.vue"
 

package/src/runtime/components/WFileInput/WFileInput.vue

@@ -231,6 +231,10 @@
 import type { HTMLAttributes, InputHTMLAttributes } from "vue"
 import { computed, onBeforeUnmount, ref, shallowReactive, watch } from "vue"
 
+import ILucideFile from "~icons/lucide/file"
+import ILucideUpload from "~icons/lucide/upload"
+import ILucideX from "~icons/lucide/x"
+
 import { useFallbackId } from "../../composables/useFallbackId.js"
 import { useInjectedI18n } from "../../composables/useInjectedI18n.js"
 import type { FileInputError, TailwindClassProp } from "../../types/index.js"

package/src/runtime/components/WMultiValues/WMultiValues.vue

@@ -83,6 +83,8 @@
 import { removeIfIn } from "@alanscodelog/utils/removeIfIn"
 import { computed, type HTMLAttributes, nextTick, ref, useAttrs } from "vue"
 
+import ILucideX from "~icons/lucide/x"
+
 import { copy } from "../../helpers/copy.js"
 import type { BaseInteractiveProps, TailwindClassProp } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

package/src/runtime/components/WNotifications/WNotification.vue

@@ -176,6 +176,9 @@
 <script setup lang="ts">
 import { computed, type HTMLAttributes, onMounted, ref, useAttrs } from "vue"
 
+import ILucideCopy from "~icons/lucide/copy"
+import ILucideX from "~icons/lucide/x"
+
 import { useSlotVars } from "../../composables/useSlotVars.js"
 import { copy } from "../../helpers/copy.js"
 import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js"

package/src/runtime/components/WTable/WTable.vue

@@ -469,4 +469,3 @@ defineExpose({
 })
 </script>
 
-

package/src/runtime/components/WTooltip/WTooltip.vue

@@ -92,6 +92,8 @@
 <script setup lang="ts">
 import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from "reka-ui"
 
+import ILucideInfo from "~icons/lucide/info"
+
 import { usePopupConstrainToStyle } from "../../composables/usePopupConstrainToStyle.js"
 import type { PopupConstrainToProps } from "../../types/index.js"
 import { twMerge } from "../../utils/twMerge.js"

package/types/components.d.ts

@@ -11,6 +11,7 @@ declare module 'vue' {
     ILucideCalendarDays: typeof import('~icons/lucide/calendar-days')['default']
     ILucideCalendarRange: typeof import('~icons/lucide/calendar-range')['default']
     ILucideCheck: typeof import('~icons/lucide/check')['default']
+    ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
     ILucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
     ILucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
     ILucideChevronsLeft: typeof import('~icons/lucide/chevrons-left')['default']