@witchcraft/ui 0.3.25 → 0.4.0-beta.1

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

@@ -1,256 +0,0 @@
-import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
-type WrapperTypes = WrapperProps<"suggestions", HTMLAttributes> & WrapperProps<"wrapper", HTMLAttributes> & WrapperProps<"inner-wrapper", HTMLAttributes>;
-type RealProps = SuggestionsProps & LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    suggestions?: SuggestionsProps["suggestions"];
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSubmit" | "autocomplete"> & TailwindClassProp>, 
-/** @vue-ignore */
-Partial<WrapperTypes>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    values?: string[] | undefined;
-    modelValue: string;
-    inputValue?: string;
-}, {
-    suggestionsComponent: import("vue").Ref<{
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: HTMLElement | null;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    } | null, import("vue").ShallowUnwrapRef<{
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    }> | {
-        suggestions: {
-            list: any[] | undefined;
-            filtered: any[] | undefined;
-            active: number;
-            available: boolean;
-            moreThanOneAvailable: boolean;
-            hasExactlyMatching: string | object | undefined;
-            hasValidSuggestion: boolean;
-            openable: boolean | undefined;
-            getLabel: (item: any) => string;
-            $open: boolean;
-            open: () => void;
-            close: () => void;
-            enterSelected: (doClose?: boolean) => void;
-            enterIndex: (num: number, doClose?: boolean) => void;
-            toggle: () => void;
-            cancel: () => void;
-            select: (num: number) => void;
-            prev: () => void;
-            next: () => void;
-            first: () => void;
-            last: () => void;
-        };
-        el: HTMLElement | null;
-        inputKeydownHandler: (e: KeyboardEvent) => void;
-        inputBlurHandler: (e: MouseEvent) => void;
-        inputFocusHandler: (e: FocusEvent) => void;
-    } | null>;
-    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => any;
-    "update:inputValue": (value: string) => any;
-    "update:values": (value: string[] | undefined) => any;
-} & {
-    input: (val: InputEvent) => any;
-    blur: (val: FocusEvent) => any;
-    submit: (val: string, suggestion?: any) => any;
-    focus: (val: FocusEvent) => any;
-    keydown: (val: KeyboardEvent) => any;
-    indicatorClick: (val: MouseEvent) => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    values?: string[] | undefined;
-    modelValue: string;
-    inputValue?: string;
-}> & Readonly<{
-    onInput?: ((val: InputEvent) => any) | undefined;
-    onBlur?: ((val: FocusEvent) => any) | undefined;
-    onSubmit?: ((val: string, suggestion?: any) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    onFocus?: ((val: FocusEvent) => any) | undefined;
-    onKeydown?: ((val: KeyboardEvent) => any) | undefined;
-    "onUpdate:inputValue"?: ((value: string) => any) | undefined;
-    "onUpdate:values"?: ((value: string[] | undefined) => any) | undefined;
-    onIndicatorClick?: ((val: MouseEvent) => any) | undefined;
-}>, {
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-    suggestions: any[];
-    updateOnlyOnSubmit: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    label?: (props: {
-        label: string | undefined;
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-    }) => any;
-} & {
-    default?: (props: {
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-    }) => any;
-} & {
-    left?: (props: {
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-    }) => any;
-} & {
-    input?: (props: {
-        suggestionsIndicatorClickHandler: (e: MouseEvent) => void;
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-        class: undefined;
-        canEdit: boolean;
-        "aria-autocomplete": "both" | undefined;
-        "aria-controls": string | undefined;
-        role: string | undefined;
-        "aria-expanded": boolean | undefined;
-        "aria-activedescendant": string | undefined;
-        border: boolean;
-        isValid: boolean;
-        onKeydown: (e: KeyboardEvent) => void;
-        onBlur: (e: FocusEvent) => void;
-        onFocus: (e: FocusEvent) => void;
-        modelValue: string;
-        "onUpdate:modelValue": (e: string) => void;
-        onSubmit: (e: string) => void;
-    }) => any;
-} & {
-    indicator?: (props: {
-        isOpen: boolean;
-        suggestionsIndicatorClickHandler: (e: MouseEvent) => void;
-    }) => any;
-} & {
-    values?: (props: {
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-        class: undefined;
-        hasSlotRight: boolean;
-        label: string | undefined;
-        border: boolean;
-        modelValue: string[] | undefined;
-        "onUpdate:modelValue": (e: string[]) => string[];
-    }) => any;
-} & {
-    right?: (props: {
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-    }) => any;
-} & {
-    suggestions?: (props: {
-        id: string;
-        isOpen: boolean;
-        valid: boolean;
-        disabled: boolean;
-        readonly: boolean;
-        emitSubmit: (val: any, _wasRemoved: boolean) => void;
-        class: undefined;
-        suggestions: any[] | undefined;
-        allowOpenEmpty: boolean;
-        restrictToSuggestions: boolean;
-        suggestionLabel: ((item: any) => string) | undefined;
-        suggestionsFilter: ((input: string | number, items: any[]) => any[]) | undefined;
-        modelValue: string | string[];
-        inputValue: string;
-        isValid: boolean;
-        "onUpdate:inputValue": (e: string) => string;
-        onSubmit: (e: string, suggestion?: any, wasRemoved?: boolean) => void;
-        "onUpdate:modelValue": (e: string | string[]) => void;
-        "onUpdate:isOpen": (e: boolean) => void;
-        "onUpdate:activeSuggestion": (e: number) => number;
-    }) => any;
-} & {
-    'suggestion-item'?: (props: {
-        item: any;
-        index: number;
-        isSelected: boolean;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,27 +0,0 @@
-import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyled?: boolean;
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<LabelHTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    id: string;
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,45 +0,0 @@
-<template>
-<!-- we use data-disabled because labels have no disabled property technically -->
-<label
-	:id="`label-${id ?? fallbackId}`"
-	:class="!$attrs.unstyle && twMerge(
-  `
-			pr-0
-			text-sm
-		`,
-  !valid && `text-danger-700`,
-  $attrs?.class
-)"
-	:data-disabled="disabled"
-	:data-invalid="!valid"
-	:for="id"
-	v-bind="{ ...$attrs, class: void 0 }"
->
-	<slot/>
-</label>
-</template>
-
-<script setup>
-import { useAttrs } from "vue";
-import { twMerge } from "../../utils/twMerge.js";
-import { getFallbackId } from "../shared/props.js";
-defineOptions({
-  name: "LibLabel"
-});
-const fallbackId = getFallbackId();
-defineProps({
-  id: { type: String, required: false, default: "" },
-  label: { type: String, 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, default: true }
-});
-const $attrs = useAttrs();
-</script>
-
-<script>
-
-</script>

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

@@ -1,27 +0,0 @@
-import type { LabelHTMLAttributes } from "vue";
-import type { BaseInteractiveProps, LabelProps, LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyled?: boolean;
-    valid?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<LabelHTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    id: string;
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-    valid: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,109 +0,0 @@
-<template>
-<div
-	v-if="$modelValue && $modelValue?.length > 0"
-	:class="
-  twMerge(
-    `
-		multivalues
-		group
-		flex
-		flex-initial
-		items-center
-		justify-center
-		gap-1
-		overflow-x-scroll
-		scrollbar-hidden
-	`,
-    $.attrs?.class
-  )
-"
-	:data-disabled="disabled"
-	:data-read-only="readonly"
-	:aria-label="`Values for ${label}`"
-	:tabindex="disabled ? -1 : 0"
-	v-bind="{ ...$.attrs, class: void 0 }"
->
-	<div
-		:data-border="border"
-		:class="twMerge(
-  `
-				multivalues--item
-				flex-basis-0
-				min-w-2
-				flex
-				max-w-fit
-				flex-1
-				items-center
-				gap-0.5
-				overflow-hidden
-				px-1
-				text-xs
-				leading-none`,
-  !(disabled || readonly) && `
-				group-focus:text-accent-500
-				focus:text-accent-500`,
-  border && `
-				rounded-sm
-				border-neutral-400
-				border
-				focus:border-accent-400
-			`,
-  border && (disabled || readonly) && `
-				border-neutral-200
-				focus:border-neutral-200
-				dark:border-neutral-800
-				dark:focus:border-neutral-800
-			`,
-  $.itemAttrs?.class
-)"
-		:tabindex="canEdit ? 0 : void 0"
-		v-for="(value) of $modelValue"
-		:key="value"
-		@keydown.ctrl.c.prevent="copy(value.toString())"
-	>
-		<span class="multivalues--label truncate">{{ value }}</span>
-		<lib-button
-			class="multivalues--remove-button !p-0 text-sm !leading-none"
-			:aria-label="`Remove ${value}`"
-			:border="false"
-			:disabled="disabled || readonly"
-			@click="removeVal(value)"
-		>
-			<icon><i-fa6-solid-xmark/></icon>
-		</lib-button>
-	</div>
-</div>
-</template>
-
-<script setup>
-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";
-defineOptions({
-  name: "LibMultiValues",
-  inheritAttrs: false
-});
-const $ = useDivideAttrs(["item"]);
-const props = defineProps({
-  label: { type: String, 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 }
-});
-const canEdit = computed(() => !props.disabled && !props.readonly);
-const $modelValue = defineModel({ type: Array, ...{ default: () => [] } });
-const removeVal = (value) => {
-  if (!canEdit.value) return;
-  removeIfIn($modelValue.value, value);
-};
-</script>
-
-<script>
-
-</script>

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

@@ -1,45 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { TailwindClassProp } from "../shared/props.js";
-type RealProps = {
-    notification: NotificationEntry;
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {
-    focus: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    pause: (notification: NotificationEntry) => any;
-    resume: (notification: NotificationEntry) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onPause?: ((notification: NotificationEntry) => any) | undefined;
-    onResume?: ((notification: NotificationEntry) => any) | undefined;
-}>, {
-    handler: NotificationHandler;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    top?: (props: {
-        notification: NotificationEntry;
-    }) => any;
-} & {
-    title?: (props: {
-        title: string;
-        class: string;
-        tabindex: number;
-    }) => any;
-} & {
-    message?: (props: {
-        class: string;
-        message: string;
-        tabindex: number;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,45 +0,0 @@
-import { type HTMLAttributes } from "vue";
-import { type NotificationEntry, NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { TailwindClassProp } from "../shared/props.js";
-type RealProps = {
-    notification: NotificationEntry;
-    handler?: NotificationHandler;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props, {
-    focus: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    pause: (notification: NotificationEntry) => any;
-    resume: (notification: NotificationEntry) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onPause?: ((notification: NotificationEntry) => any) | undefined;
-    onResume?: ((notification: NotificationEntry) => any) | undefined;
-}>, {
-    handler: NotificationHandler;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    top?: (props: {
-        notification: NotificationEntry;
-    }) => any;
-} & {
-    title?: (props: {
-        title: string;
-        class: string;
-        tabindex: number;
-    }) => any;
-} & {
-    message?: (props: {
-        class: string;
-        message: string;
-        tabindex: number;
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,15 +0,0 @@
-import { NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-import type { HTMLAttributes } from "vue";
-type RealProps = LinkableByIdProps & {
-    /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
-    handler?: NotificationHandler;
-    progressUpdateInterval?: number;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,15 +0,0 @@
-import { NotificationHandler } from "../../helpers/NotificationHandler.js";
-import type { LinkableByIdProps, TailwindClassProp } from "../shared/props.js";
-import type { HTMLAttributes } from "vue";
-type RealProps = LinkableByIdProps & {
-    /** If not provided, uses the global handler (this requires useNotificationHandler be called and configured). */
-    handler?: NotificationHandler;
-    progressUpdateInterval?: number;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<HTMLAttributes, "class"> & TailwindClassProp>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;