@witchcraft/ui 0.3.25 → 0.4.0-beta.1

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

@@ -1,37 +0,0 @@
-import { type ButtonHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type ButtonProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & ButtonProps;
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<ButtonHTMLAttributes, "class" | "color" | "disabled"> & TailwindClassProp & {
-    "aria-label": string;
-}>, 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<{}>, {
-    label: string;
-    color: "warning" | "ok" | "danger" | "primary" | "secondary" | false;
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    label?: (props: {
-        id: string;
-        classes: string;
-    }) => any;
-} & {
-    icon?: (props: {}) => any;
-} & {
-    default?: (props: {
-        label: string;
-    }) => any;
-} & {
-    'icon-after'?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,41 +0,0 @@
-import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
-type WrapperTypes = Partial<WrapperProps<"label", HTMLAttributes, {
-    /** Tailwind classes. */
-    class?: string;
-}>>;
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyle?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit" | "autocomplete"> & TailwindClassProp>, WrapperTypes, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    modelValue?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    submit: (val: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    modelValue?: boolean;
-}> & Readonly<{
-    onSubmit?: ((val: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    left?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,103 +0,0 @@
-<template>
-<div
-	:class="twMerge(
-  `
-		checkbox--wrapper
-		flex
-		items-center
-		gap-1
-	`,
-  $.wrapperAttrs?.class
-)"
-	v-bind="{ ...$.wrapperAttrs, class: void 0 }"
-	ref="el"
->
-	<slot name="left"/>
-	<label
-		:class="twMerge(
-  `
-			checkbox--label
-			flex
-			items-center
-			gap-1
-		`,
-  $.labelAttrs?.class
-)"
-		v-bind="{ ...$.labelAttrs, class: void 0 }"
-		:for="id ?? fallbackId"
-	>
-		<input
-			:id="id ?? fallbackId"
-			:class="!$attrs.unstyle && twMerge(
-  `
-				checkbox
-				focus-outline-no-offset
-				m-0
-				p-[0.4em]
-				bg-bg
-				dark:bg-fg
-				appearance-none
-				border
-				border-neutral-500
-				focus:border-accent-600
-				rounded-sm
-				aspect-square
-				relative
-				checked:after:content
-				checked:after:absolute
-				checked:after:w-full
-				checked:after:h-full
-				checked:after:border-2
-				checked:after:border-bg
-				dark:checked:after:border-fg
-				checked:after:rounded-sm
-				checked:after:top-0
-				checked:after:left-0
-				checked:after:bg-accent-700
-				disabled:border-neutral-500
-				disabled:checked:after:bg-neutral-700
-			`,
-  !disabled && `cursor-pointer`,
-  $.attrs.class
-)"
-			type="checkbox"
-			:disabled="disabled"
-			ref="inputEl"
-			v-model="$value"
-			v-bind="{ ...$.attrs, class: void 0 }"
-		>
-		<slot/> {{ label }}
-	</label>
-</div>
-</template>
-
-<script setup>
-import { ref } from "vue";
-import { useDivideAttrs } from "../../composables/useDivideAttrs.js";
-import { usePreHydrationValue } from "../../composables/usePreHydrationValue.js";
-import { twMerge } from "../../utils/twMerge.js";
-import { getFallbackId } from "../shared/props.js";
-defineOptions({
-  name: "LibCheckbox",
-  inheritAttrs: false
-});
-const $ = useDivideAttrs(["label", "wrapper"]);
-const fallbackId = getFallbackId();
-const props = defineProps({
-  id: { type: String, required: false },
-  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 }
-});
-defineEmits(["submit"]);
-const el = ref(null);
-const inputEl = ref(null);
-const $value = defineModel("modelValue", { type: Boolean, ...{ default: false } });
-usePreHydrationValue(props.id ?? fallbackId, $value);
-</script>
-
-<script>
-
-</script>

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

@@ -1,41 +0,0 @@
-import { type HTMLAttributes, type InputHTMLAttributes } from "vue";
-import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type TailwindClassProp, type WrapperProps } from "../shared/props.js";
-type WrapperTypes = Partial<WrapperProps<"label", HTMLAttributes, {
-    /** Tailwind classes. */
-    class?: string;
-}>>;
-type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
-    unstyle?: boolean;
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<InputHTMLAttributes, "class" | "readonly" | "disabled" | "onSumbit" | "autocomplete"> & TailwindClassProp>, WrapperTypes, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    modelValue?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: boolean) => any;
-} & {
-    submit: (val: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    modelValue?: boolean;
-}> & Readonly<{
-    onSubmit?: ((val: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-}>, {
-    disabled: boolean;
-    readonly: boolean;
-    border: boolean;
-    unstyle: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    left?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,64 +0,0 @@
-import { type ButtonHTMLAttributes } from "vue";
-import type { HsvaColor, RgbaColor } from "../../types/index.js";
-import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
-type RealProps = LabelProps & LinkableByIdProps & {
-    allowAlpha?: boolean;
-    border?: boolean;
-    /** See ColorPicker.copyTransform */
-    copyTransform?: (val: HsvaColor, stringVal: string) => any;
-    /** See ColorPicker.allowAlpha */
-    stringPrecision?: number;
-    /** See ColorPicker.customRepresentation */
-    customRepresentation?: {
-        fromHsvaToString: (hsva: HsvaColor, includeAlpha: boolean) => string;
-    };
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<ButtonHTMLAttributes, "class"> & TailwindClassProp & {
-    "aria-label": string;
-}>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    modelValue?: RgbaColor;
-    tempValue?: RgbaColor | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: RgbaColor) => any;
-    "update:tempValue": (value: RgbaColor | undefined) => any;
-} & {
-    cancel: () => any;
-    save: () => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    modelValue?: RgbaColor;
-    tempValue?: RgbaColor | undefined;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: RgbaColor) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    "onUpdate:tempValue"?: ((value: RgbaColor | undefined) => any) | undefined;
-    onSave?: (() => any) | undefined;
-}>, {
-    border: boolean;
-    allowAlpha: boolean;
-    copyTransform: (val: HsvaColor, stringVal: string) => any;
-    stringPrecision: number;
-    customRepresentation: {
-        fromHsvaToString: (hsva: HsvaColor, includeAlpha: boolean) => string;
-    };
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {
-        stringColor: string;
-        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
-    }) => any;
-} & {
-    temp?: (props: {
-        tempStringColor: string;
-        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/runtime/components/LibColorInput/LibColorInput.vue

@@ -1,162 +0,0 @@
-<template>
-<lib-popup
-	class="color-input--popup"
-	v-model="showPopup"
-	@close="$tempValue = void 0;
-  emit('cancel')"
->
-	<template #button="{ extractEl }">
-		<!-- <div -->
-		<!-- 		class=" -->
-		<!-- 	flex -->
-		<!-- 				w-full -->
-		<!-- 	border -->
-		<!-- 				 " -->
-		<!-- 	v-extract-root-el="extractEl" -->
-		<!-- > -->
-
-		<!--  -->
-		<lib-button
-			:id="id ?? fallbackId"
-			:class="twMerge(
-  `
-				p-0
-				color-input--button
-				flex flex-nowrap
-				min-w-4
-				overflow-hidden
-				[&_.button--label]:items-stretch
-				[&_.button--label]:gap-0
-				after:hidden
-			`,
-  $attrs.class
-)"
-			:aria-label="t('color-input.aria-and-title-prefix') + stringColor"
-			:title="t('color-input.aria-and-title-prefix') + stringColor"
-			v-bind="{ ...$attrs, class: void 0 }"
-			v-extract-root-el="extractEl"
-			@click="togglePopup"
-		>
-			<template #label>
-				<div
-					class="
-					color-input--swatch-wrapper
-					flex
-					w-full
-				"
-				>
-					<slot v-bind="{ stringColor, classes: swatchClasses }">
-						<div
-							:class="swatchClasses"
-							:style="`background:${stringColor}`"
-						/>
-					</slot>
-					<slot
-						v-if="$tempValue"
-						v-bind="{ tempStringColor, classes: swatchClasses }"
-						name="temp"
-					>
-						<div
-							:class="swatchClasses"
-							:style="`background:${tempStringColor}`"
-						/>
-					</slot>
-				</div>
-			</template>
-		</lib-button>
-	</template>
-	<template #popup="{ extractEl }">
-		<div
-			class="color-input--popup-wrapper p-5"
-			v-extract-root-el="extractEl"
-		>
-			<lib-color-picker
-				v-if="showPopup"
-				:id="id ?? fallbackId"
-				:allow-alpha="allowAlpha"
-				:custom-representation="customRepresentation"
-				:string-precision="stringPrecision"
-				v-model="internalTempValue"
-				v-model:temp-value="$tempValue"
-				@save="save"
-				@cancel="cancel"
-			/>
-		</div>
-	</template>
-</lib-popup>
-</template>
-
-<script setup>
-import Color from "colorjs.io";
-import { computed, ref, useAttrs } from "vue";
-import { useInjectedI18n } from "../../composables/useInjectedI18n.js";
-import { vExtractRootEl } from "../../directives/vExtractRootEl.js";
-import { twMerge } from "../../utils/twMerge.js";
-import LibButton from "../LibButton/LibButton.vue";
-import LibColorPicker from "../LibColorPicker/LibColorPicker.vue";
-import LibPopup from "../LibPopup/LibPopup.vue";
-import { getFallbackId } from "../shared/props.js";
-defineOptions({
-  name: "LibColorInput"
-});
-const swatchClasses = `
-	color-input--swatch
-	after:content-vertical-holder
-	min-w-4
-	flex-1
-	relative
-	before:content-['']
-	before:absolute
-	before:inset-0
-	before:bg-transparency-squares
-	before:z-[-1]
-`;
-const fallbackId = getFallbackId();
-const t = useInjectedI18n();
-defineProps({
-  label: { type: String, required: false },
-  id: { type: String, required: false },
-  allowAlpha: { type: Boolean, required: false, default: true },
-  border: { type: Boolean, required: false, default: true },
-  copyTransform: { type: Function, required: false, default: (_val, stringVal) => stringVal },
-  stringPrecision: { type: Number, required: false, default: 3 },
-  customRepresentation: { type: Object, required: false, default: void 0 }
-});
-const emit = defineEmits(["save", "cancel"]);
-function save() {
-  $value.value = internalTempValue.value;
-  showPopup.value = false;
-  $tempValue.value = void 0;
-  emit("save");
-}
-function cancel() {
-  showPopup.value = false;
-  $tempValue.value = void 0;
-  emit("cancel");
-}
-const $attrs = useAttrs();
-const $value = defineModel({ type: Object, ...{ required: false, default: () => ({ r: 0, g: 0, b: 0 }) } });
-const $tempValue = defineModel("tempValue", { type: null, ...{ required: false, default: () => void 0 } });
-const stringColor = computed(() => new Color("srgb", [
-  $value.value.r / 255,
-  $value.value.g / 255,
-  $value.value.b / 255
-], $value.value.a ?? 1).toString());
-const tempStringColor = computed(() => $tempValue.value ? new Color("srgb", [
-  $tempValue.value.r / 255,
-  $tempValue.value.g / 255,
-  $tempValue.value.b / 255
-], $tempValue.value.a ?? 1).toString() : "");
-const internalTempValue = ref({ ...$value.value });
-const showPopup = ref(false);
-const togglePopup = () => {
-  if (showPopup.value) {
-    $value.value = internalTempValue.value;
-  }
-  showPopup.value = !showPopup.value;
-};
-</script>
-
-<script>
-
-</script>

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

@@ -1,64 +0,0 @@
-import { type ButtonHTMLAttributes } from "vue";
-import type { HsvaColor, RgbaColor } from "../../types/index.js";
-import { type LabelProps, type LinkableByIdProps, type TailwindClassProp } from "../shared/props.js";
-type RealProps = LabelProps & LinkableByIdProps & {
-    allowAlpha?: boolean;
-    border?: boolean;
-    /** See ColorPicker.copyTransform */
-    copyTransform?: (val: HsvaColor, stringVal: string) => any;
-    /** See ColorPicker.allowAlpha */
-    stringPrecision?: number;
-    /** See ColorPicker.customRepresentation */
-    customRepresentation?: {
-        fromHsvaToString: (hsva: HsvaColor, includeAlpha: boolean) => string;
-    };
-};
-interface Props extends 
-/** @vue-ignore */
-Partial<Omit<ButtonHTMLAttributes, "class"> & TailwindClassProp & {
-    "aria-label": string;
-}>, RealProps {
-}
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<Props & {
-    modelValue?: RgbaColor;
-    tempValue?: RgbaColor | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: RgbaColor) => any;
-    "update:tempValue": (value: RgbaColor | undefined) => any;
-} & {
-    cancel: () => any;
-    save: () => any;
-}, string, import("vue").PublicProps, Readonly<Props & {
-    modelValue?: RgbaColor;
-    tempValue?: RgbaColor | undefined;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((value: RgbaColor) => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    "onUpdate:tempValue"?: ((value: RgbaColor | undefined) => any) | undefined;
-    onSave?: (() => any) | undefined;
-}>, {
-    border: boolean;
-    allowAlpha: boolean;
-    copyTransform: (val: HsvaColor, stringVal: string) => any;
-    stringPrecision: number;
-    customRepresentation: {
-        fromHsvaToString: (hsva: HsvaColor, includeAlpha: boolean) => string;
-    };
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {
-        stringColor: string;
-        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
-    }) => any;
-} & {
-    temp?: (props: {
-        tempStringColor: string;
-        classes: "\n\tcolor-input--swatch\n\tafter:content-vertical-holder\n\tmin-w-4\n\tflex-1\n\trelative\n\tbefore:content-['']\n\tbefore:absolute\n\tbefore:inset-0\n\tbefore:bg-transparency-squares\n\tbefore:z-[-1]\n";
-    }) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};