@witchcraft/ui 0.0.1 → 0.1.1

package/src/runtime/directives/vResizableCols.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
 import { castType } from "@alanscodelog/utils/castType.js"
 import { override } from "@alanscodelog/utils/override.js"
 import { throttle } from "@alanscodelog/utils/throttle.js"
@@ -137,7 +136,7 @@ export const vResizableCols: Directive = {
 }
 
 
-const setWidth = (col: HTMLElement, amountInPx: number, el: ResizableElement): void => {
+function setWidth(col: HTMLElement, amountInPx: number, el: ResizableElement): void {
 	const $el = getElInfo(el)
 	const width = Math.max($el.margin, amountInPx)
 
@@ -150,13 +149,14 @@ const setWidth = (col: HTMLElement, amountInPx: number, el: ResizableElement): v
 }
 
 
-const getBox = (el: Element): { x: number, width: number } => {
+function getBox(el: Element): { x: number, width: number } {
 	const rect = el.getBoundingClientRect()
 	// the numbers need to be rounded or else the columns will start to shift
 	// rounding rect.width is bettwe than just using clientWidth which does not include the scrollbar
 	return { x: Math.round(rect.x), width: Math.round(rect.width) }
 }
-const getCols = (el: ResizableElement): { col: HTMLElement | null, colNext: HTMLElement | null } => {
+
+function getCols(el: ResizableElement): { col: HTMLElement | null, colNext: HTMLElement | null } {
 	const $el = getElInfo(el)
 	if (!$el.target) unreachable()
 	let col = getColEls(el)[$el.grips.get($el.target!)!]
@@ -174,89 +174,95 @@ const getCols = (el: ResizableElement): { col: HTMLElement | null, colNext: HTML
 	return { col, colNext }
 }
 
-const createPointerDownHandler = (el: ResizableElement) => (e: PointerEvent) => {
-	const $el = getElInfo(el)
-	if (!$el.isDragging) {
-		castType<HTMLElement>(e.target)
-		$el.target = e.target
-		$el.isDragging = true
-		e.preventDefault()
-
-		// in case any errors happen, we want the pointer up to still be called
-		document.addEventListener("pointerup", $el.pointerUpHandler)
-
-		const { col, colNext } = getCols(el)
-		if (col === null || colNext === null) {
-			el.classList.add("resizable-cols-error")
-		} else {
-			document.addEventListener("pointermove", $el.pointerMoveHandler)
-			const box = getBox(col!)
-			if (box) {
-				$el.offset = e.pageX - (box.x + box.width)
+function createPointerDownHandler(el: ResizableElement) {
+	return (e: PointerEvent) => {
+		const $el = getElInfo(el)
+		if (!$el.isDragging) {
+			castType<HTMLElement>(e.target)
+			$el.target = e.target
+			$el.isDragging = true
+			e.preventDefault()
+
+			// in case any errors happen, we want the pointer up to still be called
+			document.addEventListener("pointerup", $el.pointerUpHandler)
+
+			const { col, colNext } = getCols(el)
+			if (col === null || colNext === null) {
+				el.classList.add("resizable-cols-error")
+			} else {
+				document.addEventListener("pointermove", $el.pointerMoveHandler)
+				const box = getBox(col!)
+				if (box) {
+					$el.offset = e.pageX - (box.x + box.width)
+				}
 			}
 		}
 	}
 }
-const createPointerMoveHandler = (el: ResizableElement) => (e: PointerEvent) => {
-	const $el = getElInfo(el)
-	if ($el.isDragging) {
-		e.preventDefault()
+function createPointerMoveHandler(el: ResizableElement) {
+	return (e: PointerEvent) => {
+		const $el = getElInfo(el)
+		if ($el.isDragging) {
+			e.preventDefault()
 
-		const { col, colNext } = getCols(el)
+			const { col, colNext } = getCols(el)
 
-		if (col !== null) {
-			const leftBox = getBox(col)
+			if (col !== null) {
+				const leftBox = getBox(col)
 
-			const oldWidth = leftBox.width
-			const leftBound = leftBox.x
-			const rightBox = colNext ? getBox(colNext) : getBox(el)
+				const oldWidth = leftBox.width
+				const leftBound = leftBox.x
+				const rightBox = colNext ? getBox(colNext) : getBox(el)
 
-			const rightBound = rightBox.x + rightBox.width
-			const margin = $el.margin
-			const pos = e.pageX - $el.offset!
+				const rightBound = rightBox.x + rightBox.width
+				const margin = $el.margin
+				const pos = e.pageX - $el.offset!
 
-			if ($el.fitWidth) {
-				if (pos > (leftBound + margin) && pos < (rightBound - margin)) {
-					const newWidth = pos - leftBound
-					const diff = oldWidth - newWidth
+				if ($el.fitWidth) {
+					if (pos > (leftBound + margin) && pos < (rightBound - margin)) {
+						const newWidth = pos - leftBound
+						const diff = oldWidth - newWidth
 
-					if (rightBox.width + diff < margin) {
-						el.classList.add("resizable-cols-error")
-						return
-					}
+						if (rightBox.width + diff < margin) {
+							el.classList.add("resizable-cols-error")
+							return
+						}
 
 
-					setWidth(col, newWidth, el)
-					setWidth(colNext!, rightBox.width + diff, el)
-				}
-			} else {
-				if (pos > leftBound + margin) {
-					const newWidth = pos - leftBound
-					setWidth(col, newWidth, el)
+						setWidth(col, newWidth, el)
+						setWidth(colNext!, rightBox.width + diff, el)
+					}
+				} else {
+					if (pos > leftBound + margin) {
+						const newWidth = pos - leftBound
+						setWidth(col, newWidth, el)
+					}
 				}
-			}
 
-			positionGrips(el)
+				positionGrips(el)
+			}
 		}
 	}
 }
 
-const createPointerUpHandler = (el: ResizableElement) => (e: PointerEvent) => {
-	const $el = getElInfo(el)
-	if ($el.isDragging) {
-		e.preventDefault()
-		$el.isDragging = false
-		el.classList.remove("resizable-cols-error")
-		$el.offset = 0
-		delete $el.target
-		document.removeEventListener("pointermove", $el.pointerMoveHandler)
-		document.removeEventListener("pointerup", $el.pointerUpHandler)
-		// unfortunately does not work with iframes in storybook but otherwise does work
-		document.removeEventListener("pointerleave", $el.pointerLeaveHandler)
+function createPointerUpHandler(el: ResizableElement) {
+	return (e: PointerEvent) => {
+		const $el = getElInfo(el)
+		if ($el.isDragging) {
+			e.preventDefault()
+			$el.isDragging = false
+			el.classList.remove("resizable-cols-error")
+			$el.offset = 0
+			delete $el.target
+			document.removeEventListener("pointermove", $el.pointerMoveHandler)
+			document.removeEventListener("pointerup", $el.pointerUpHandler)
+			// unfortunately does not work with iframes in storybook but otherwise does work
+			document.removeEventListener("pointerleave", $el.pointerLeaveHandler)
+		}
 	}
 }
 
-const createGrip = (): HTMLElement => {
+function createGrip(): HTMLElement {
 	const grip = document.createElement("div")
 	grip.style.position = "absolute"
 	grip.style.cursor = "col-resize"
@@ -271,7 +277,7 @@ const removeGrips = (el: HTMLElement): void => {
 		el.removeChild(grip)
 	}
 }
-const getTestGripSize = (el: ResizableElement): number => {
+function getTestGripSize(el: ResizableElement): number {
 	const testGrip = createGrip()
 	el.appendChild(testGrip)
 	const dynamicMinWidth = getBox(testGrip).width * 3
@@ -279,18 +285,18 @@ const getTestGripSize = (el: ResizableElement): number => {
 	return dynamicMinWidth
 }
 
-const getElInfo = (el: ResizableElement): Data => {
+function getElInfo(el: ResizableElement): Data {
 	const $el = elMap.get(el)
 	if (!$el) unreachable("El went missing.")
 	return $el
 }
-const getColEls = (el: ResizableElement): HTMLElement[] => {
+function getColEls(el: ResizableElement): HTMLElement[] {
 	const $el = elMap.get(el)
 	if (!$el) unreachable("El went missing.")
 	return [...el.querySelectorAll(`:scope ${$el.selector ? $el.selector : "tr > td"}`)] as any
 }
 
-const setupColumns = (el: ResizableElement, opts: ResizableOptions): void => {
+function setupColumns(el: ResizableElement, opts: ResizableOptions): void {
 	const gripWidth = getTestGripSize(el)
 	const $el: Data = {
 		grips: new Map(),
@@ -325,12 +331,14 @@ const setupColumns = (el: ResizableElement, opts: ResizableOptions): void => {
 	el.classList.add("resizable-cols-setup")
 }
 
-const positionGrips = (el: ResizableElement): void => {
+function positionGrips(el: ResizableElement): void {
 	let xPos = 0
 	const $el = getElInfo(el)
 	for (const grip of $el.grips.keys()) {
 		const col = $el.grips.get(grip)!
-		const colBox = getBox(getColEls(el)[col])
+		const colEls = getColEls(el)[col]
+		if (!colEls) unreachable()
+		const colBox = getBox(colEls)
 		const gripBox = getBox(grip)
 
 		grip.style.left = `${xPos + colBox.width - (gripBox.width / 2)}px`
@@ -338,7 +346,7 @@ const positionGrips = (el: ResizableElement): void => {
 	}
 }
 
-const setColWidths = (el: ResizableElement, children?: Element[]): void => {
+function setColWidths(el: ResizableElement, children?: Element[]): void {
 	const $el = getElInfo(el)
 	const header = children ?? getColEls(el).slice(0, $el.colCount)
 	const len = $el.colCount
@@ -363,7 +371,7 @@ const setColWidths = (el: ResizableElement, children?: Element[]): void => {
 	}
 }
 
-const teardownColumns = (el: ResizableElement): void => {
+function teardownColumns(el: ResizableElement): void {
 	const $el = getElInfo(el)
 
 	el.removeEventListener("pointerdown", $el.pointerDownHandler)

package/src/runtime/helpers/NotificationHandler.ts

@@ -200,11 +200,16 @@ export type RawNotificationEntry<
 	message: string
 	title?: string
 	code?: string
+	/** @default ["Ok", "Cancel"] */
 	options?: TOptions
+	/** @default false */
 	requiresAction?: boolean
 	cancellable?: TCancellable
+	/** @default "Ok" */
 	default?: TOptions[number]
+	/** @default [] */
 	dangerous?: TOptions[number][]
+	/** @default false if cancellable, otherwise the default timeout */
 	timeout?: number | boolean
 	icon?: string
 }

package/src/runtime/helpers/index.ts

@@ -1,9 +1,11 @@
 /* Autogenerated Index */
 
-export { addValue } from "./addValue.js"
 export { base64ToImg } from "./base64ToImg.js"
 export { copy } from "./copy.js"
+export { createNoonUtcDate } from "./createNoonUtcDate.js"
 export { createRecorderHandler } from "./storybook.js"
+export { defaultTranslationFunction } from "./defaultTranslationFunction.js"
+export { getTimeZoneList } from "./getTimeZoneList.js"
 export { hasModifiers } from "./hasModifiers.js"
 export { NotificationHandler } from "./NotificationHandler.js"
 export { readFile } from "./readFile.js"

package/src/runtime/types/index.ts

@@ -51,9 +51,14 @@ export type ResizeCallback = (_rect: DOMRectReadOnly, el: Element) => void
 
 export type FileInputError = ErrorW<{ file: File, isValidMimeType: boolean, isValidExtension: boolean }>
 
+
+/** h 0-360+ (deg), s 0-100%, v 0-100%, a 0-1 */
 export type HsvaColor = { h: number, s: number, v: number, a?: number }
+/** rgb 0-255, 0-1 for alpha */
 export type RgbaColor = { r: number, g: number, b: number, a?: number }
 
+export type Point = { x: number, y: number }
+
 export type ScrollNearContainerEdgesOptions = {
 	containerEl: Ref< HTMLElement | null>
 	/** Margin inside contianer that allows scrolling. 10 by default. */

package/src/runtime/utils/notifyIfError.ts

@@ -0,0 +1,45 @@
+import { TypedError } from "@alanscodelog/utils/TypedError.js"
+
+import { useNotificationHandler } from "../composables/useNotificationHandler.js"
+
+/**
+ * Notifies the user if the given value is an error. Useful for making non-critical errors don't go unnoticed.
+ *
+ * Integrates with {@link TypedError} from `@alanscodelog/utils` to display the error code as well if it has one.
+ *
+ * If the value is not an error, it is returned.
+ */
+export function notifyIfError<T>(
+	err: T, {
+		logger,
+		ns,
+		force = false,
+	}: {
+		logger?: { debug: (...args: any[]) => void }
+		/* Logger namespace. */
+		ns?: string
+		/* force interpret as error, for catch blocks */
+		force?: boolean
+	} = {}): T {
+	if (force || err instanceof Error) {
+		const errMessage = {
+			message: err instanceof Error ? err.message : `Unknown error ${err as any}`,
+			code: err instanceof TypedError ? err.code : undefined,
+		}
+		if (logger) {
+			logger.debug({
+				ns,
+				...errMessage,
+				stack: err instanceof Error ? err.stack : undefined
+			})
+		}
+		void useNotificationHandler().notify({
+			title: "Error",
+			...errMessage,
+			options: ["Ok"],
+			cancellable: "Ok",
+			timeout: true
+		})
+	}
+	return err
+}

package/dist/module.cjs

@@ -1,5 +0,0 @@
-module.exports = function(...args) {
-  return import('./module.mjs').then(m => m.default.call(this, ...args))
-}
-const _meta = module.exports.meta = require('./module.json')
-module.exports.getMeta = () => Promise.resolve(_meta)

package/dist/module.d.ts

@@ -1,34 +0,0 @@
-import * as _nuxt_schema from '@nuxt/schema';
-
-declare const knownDirectives: readonly ["vExtractRootEl", "vResizableCols", "vResizeObserver", "vResizableCols"];
-declare module "@nuxt/schema" {
-    interface PublicRuntimeConfig {
-        witchcraftUi: Pick<ModuleOptions, "directives">;
-    }
-}
-interface ModuleOptions {
-    /**
-     * Whether to include the vite unplugin-icons plugins (pre-configured with the ui module's defaults.
-     *
-     * @default true
-     */
-    includeUnpluginIconsPlugins?: boolean;
-    directives: (typeof knownDirectives[number])[];
-    /**
-        * Which components (without a prefix) to register for auto-importing globally.
-        */
-    globalComponents: string[];
-    /**
-     * @default "W"
-     */
-    componentPrefix: string;
-    debug?: boolean;
-    /**
-     * @default "~/assets/css/tailwind.css"
-     */
-    mainCssFile?: string;
-}
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
-
-export { _default as default };
-export type { ModuleOptions };

package/dist/runtime/assets/style.css

@@ -1 +0,0 @@
-@custom-variant dark (&:where(.dark, .dark *));@utility focus-outline-within{@apply outlined-within:outline-hidden outlined-within:ring-2 outlined-within:ring-accent-500 outlined-within:ring-offset-2}@utility focus-outline{@apply outlined:outline-hidden outlined:ring-2 outlined:ring-accent-500 outlined:ring-offset-2}@utility focus-outline-no-offset{@apply outlined:outline-hidden outlined:ring-2 outlined:ring-accent-500}@utility focus-outline-hidden{@apply outlined:outline-hidden}@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 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}

package/dist/runtime/components/Focus.stories.d.ts

@@ -1,11 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-/**
- * For testing the focus styles. The (still WIP) idea is that normally the outlined class is set by whether the user is using the keyboard or not. When true, outlines generated by the focus-outline-* or outlined-* utilities are allowed (they might not always appear since most components have focus-visible styles), when false, they are not allowed, but components can still set custom focus styles that will always appear. Either or is usually not a good idea unless all components set custom focus styles. For something like a web app, focus-visible should be allowed. For an app, this setup allows that to be configurable.
- */
-declare const meta: Meta;
-export default meta;
-type Story = StoryObj<typeof NAME>;
-export declare const Primary: Story;
-export declare const OutlineForcedTrue: Story;
-export declare const OutlineFalse: Story;
-export declare const AlwaysAllowFocusVisible: Story;

package/dist/runtime/components/Focus.stories.js

@@ -1,53 +0,0 @@
-import { onMounted, ref } from "vue";
-import * as components from "./index.js";
-const meta = {
-  title: "Other/Focus",
-  args: {
-    outline: true
-  }
-};
-const template = `
-			<div class="focus-outline-no-offset border border-accent-600" tabindex="0">focus-outline-no-offset (outlined i.e. outlined-focus-visible)</div>
-			<div class="focus-outline border border-accent-600" tabindex="0">focus-outline (outlined i.e. outlined-focus-visible)</div>
-			<div class="outline-hidden outlined-focus:border-danger-500 border border-accent-600" tabindex="0">outlined-focus</div>
-			<div class="outline-hidden outlined-within:border-danger-500 border border-accent-600" >
-				outlined-within<div tabindex="0">Inner</div>
-			</div>
-			<div class="outline-hidden focus:border-danger-500 border border-accent-600" tabindex="0">Has Manual Focus Classes</div>
-		`;
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => {
-      const el = ref(null);
-      onMounted(() => {
-      });
-      return { ...args, el };
-    },
-    template
-  })
-};
-export const OutlineForcedTrue = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    forceOutline: true
-  }
-};
-export const OutlineFalse = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    outline: false
-  }
-};
-export const AlwaysAllowFocusVisible = {
-  render: (args) => ({
-    components,
-    setup: () => args,
-    template: `
-		<div class="outlined-visible group">${template}</div>
-		`
-  })
-};

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

@@ -1,12 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import * as components from "../index.js.js";
-declare const meta: Meta<typeof components.LibButton>;
-export default meta;
-type Story = StoryObj<typeof components.LibButton>;
-export declare const Primary: Story;
-export declare const IconAfter: Story;
-export declare const OnlyIcon: Story;
-export declare const Disabled: Story;
-export declare const Borderless: Story;
-export declare const BorderlessDisabled: Story;
-export declare const WithDivInside: Story;

package/dist/runtime/components/LibButton/LibButton.stories.js

@@ -1,94 +0,0 @@
-import { capitalize } from "@alanscodelog/utils/capitalize.js";
-import IconFaSolidBell from "~icons/fa-solid/bell";
-import * as components from "../index.js";
-const meta = {
-  component: components.LibButton,
-  title: "Components/Button",
-  args: {
-    label: "Label",
-    // @ts-expect-error - custom prop for story
-    _iconAfter: true
-  }
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components: {
-      ...components,
-      IconFaSolidBell
-    },
-    setup: () => ({ args, capitalize }),
-    template: `
-		<div class="flex gap-4 justify-center">
-			<template v-for="type of [false, 'ok', 'warning', 'danger', 'primary', 'secondary' ]">
-				<lib-button v-bind="{...args, color: type, label: !args.label ? undefined : args.label + ' ' + capitalize(type || 'false')}">
-					<template #icon>
-						<icon class="w-[1em]"><icon-fa-solid-bell /></icon>
-					</template>
-				</lib-button>
-			</template>
-		</div>
-		<div class="flex flex-col gap-4 pt-10">
-			<template v-for="type of [false, 'ok', 'warning', 'danger', 'primary', 'secondary']">
-				<lib-button v-bind="{...args, color: type , label: !args.label ? undefined : args.label + ' ' + capitalize(type || 'false') }">
-					${args._iconAfter ? `
-						<template #icon-after>
-							<icon class="w-[1em]"><icon-fa-solid-bell /></icon>
-						</template>
-					` : ``}
-				</lib-button>
-			</template>
-		</div>
-		`
-  })
-};
-export const IconAfter = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    // @ts-expect-error - .
-    _iconAfter: true
-  }
-};
-export const OnlyIcon = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    label: void 0
-  }
-};
-export const Disabled = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    disabled: true
-  }
-};
-export const Borderless = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    border: false
-  }
-};
-export const BorderlessDisabled = {
-  ...Primary,
-  args: {
-    ...Primary.args,
-    border: false,
-    disabled: true
-  }
-};
-export const WithDivInside = {
-  render: (args) => ({
-    components,
-    setup: () => ({ args }),
-    template: `
-		<div class="flex gap-4 justify-center">
-			<lib-button v-bind="{...args}">
-				<div>Div inside button still has a pointer cursor.</div>
-			</lib-button>
-		</div>
-		`
-  })
-};

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

@@ -1,14 +0,0 @@
-import type { StoryObj } from "@storybook/vue3";
-import * as components from "../index.js.js";
-declare const meta: {
-    component: any;
-    title: string;
-    args: {
-        modelValue: boolean;
-        label: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof components.LibCheckbox>;
-export declare const Primary: Story;
-export declare const Disabled: any;

package/dist/runtime/components/LibCheckbox/LibCheckbox.stories.js

@@ -1,29 +0,0 @@
-import * as components from "../index.js";
-const meta = {
-  component: components.LibCheckbox,
-  title: "Components/Checkbox",
-  args: {
-    modelValue: true,
-    label: "Label"
-  }
-};
-export default meta;
-export const Primary = {
-  render: (args) => ({
-    components,
-    setup: () => ({ args }),
-    template: `
-			<lib-checkbox v-bind="args" v-model="args.modelValue"></lib-checkbox>
-			<br>
-			Opposite State:
-			<br>
-			<lib-checkbox v-bind="args" :modelValue="!args.modelValue" @update:modelValue="args.modelValue = !$event"></lib-checkbox>
-		`
-  })
-};
-export const Disabled = {
-  ...Primary,
-  args: {
-    disabled: true
-  }
-};

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

@@ -1,7 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import LibColorInput from "./LibColorInput.vue.js";
-declare const meta: Meta<typeof LibColorInput>;
-export default meta;
-type Story = StoryObj<typeof LibColorInput>;
-export declare const Primary: Story;
-export declare const DoesNotAllowAlpha: Story;