@witchcraft/ui 0.0.1 → 0.1.1

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

@@ -0,0 +1,94 @@
+import { type HTMLAttributes } from "vue";
+import { type BaseInteractiveProps, type LabelProps, type LinkableByIdProps, type SuggestionsEmits, type SuggestionsProps, type WrapperProps } from "../shared/props.js.js";
+type WrapperTypes = Partial<WrapperProps<"item", HTMLAttributes, {
+    /** Tailwind classes. */
+    class?: string;
+}>>;
+type RealProps = LinkableByIdProps & LabelProps & BaseInteractiveProps & {
+    /** Return true to prevent the keydown event from being handled. */
+    filterKeydown?: (e: KeyboardEvent) => boolean;
+    /** Return true to prevent the blur event from being handled. */
+    filterBlur?: (e: MouseEvent) => boolean;
+    /** Return true to prevent the focus event from being handled. */
+    filterFocus?: (e: FocusEvent) => boolean;
+};
+interface Props extends 
+/** @vue-ignore */
+Partial<Omit<HTMLAttributes, "class" | "onSubmit"> & {
+    /** Tailwind classes. */
+    class?: string;
+}>, 
+/** @vue-ignore */
+WrapperTypes, RealProps {
+}
+declare const _default: <TSuggestion extends string | object, TValue extends string | string[]>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onSubmit?: ((val: string, suggestion?: any, wasRemoved?: boolean | undefined) => any) | undefined;
+        readonly "onUpdate:isOpen"?: ((val: boolean) => any) | undefined;
+        readonly "onUpdate:activeSuggestion"?: ((val: number) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: TValue) => any) | undefined;
+        readonly "onUpdate:inputValue"?: ((value: string) => any) | undefined;
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onSubmit" | "onUpdate:modelValue" | "onUpdate:open" | "onUpdate:isOpen" | "onUpdate:activeSuggestion" | "onUpdate:inputValue"> & (Props & SuggestionsProps<TSuggestion> & {
+        /**
+         * The final valid value. This is *not* the value you want to share with the input. If `restrictToSuggestions` is true this will not update on any invalid values that `inputValue` might be set to.
+         *
+         * If suggestions are objects, this will be the string returned by the `suggestionLabel` prop.
+         */
+        modelValue: TValue;
+        /**
+         * If the element is bound to an input, this is the value that the input should be sharing.
+         *
+         * It allows the component to read even invalid output, and also to reset that invalid output when either modelValue is set to a new value, or when the component is closed via cancel.
+         */
+        inputValue?: string;
+        open?: boolean;
+    }) & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        suggestions: {
+            list: any[] | undefined;
+            filtered: any[] | undefined;
+            active: number;
+            available: boolean;
+            moreThanOneAvailable: boolean;
+            hasExactlyMatching: TSuggestion | 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>;
+        /** A simple keydown handler that can be passed to an input to control the component while still focused inside it. */
+        inputKeydownHandler: (e: KeyboardEvent) => void;
+        /** A blur handler for the input that controls the component. This also takes care of making clicking on a suggestion work, since otherwise if canOpen is set to false in the blur handler, no click event will fire. */
+        inputBlurHandler: (e: MouseEvent) => void;
+        /** A focus handler for the input that controls the component. */
+        inputFocusHandler: (e: FocusEvent) => void;
+    }>): void;
+    attrs: any;
+    slots: {
+        item?: (props: {
+            item: any;
+            index: any;
+            isSelected: any;
+        }) => any;
+    };
+    emit: SuggestionsEmits<false> & (((evt: "update:modelValue", value: TValue) => void) & ((evt: "update:inputValue", value: string) => void) & ((evt: "update:open", value: boolean) => void));
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/LibTable/LibTable.vue

@@ -1,6 +1,7 @@
 <template>
 <!-- Assumes no scrollbars on children -->
-<table :class="twMerge(`table
+<table :class="twMerge(
+  `table
 		table-fixed
 		border-separate
 		border-spacing-0
@@ -16,12 +17,12 @@
 		[&.resizable-cols-error]:cursor-not-allowed
 		[&.resizable-cols-error]:user-select-none
 		`,
-	cellBorder && `
+  cellBorder && `
 			[&_td]:border-neutral-500
 			[&_td:not(.last-row)]:border-b
 			[&_td:not(.first-col)]:border-l
 		`,
-	border && `
+  border && `
 			[&_thead_td]:bg-neutral-200
 			[&_td]:border-neutral-500
 			dark:[&_thead_td]:bg-neutral-800
@@ -31,55 +32,52 @@
 			[&_td.last-col]:border-r
 			[&_td.first-col]:border-l
 		`,
-	rounded &&`
+  rounded && `
 			[&_td.br]:rounded-br-sm
 			[&_td.bl]:rounded-bl-sm
 			[&_td.tr]:rounded-tr-sm
 			[&_td.tl]:rounded-tl-sm
-		`
-	, ($attrs as any).class)"
+		`,
+  $attrs.class
+)"
 	v-resizable-cols="resizableOptions"
 >
-	<thead v-if="header">
-		<tr>
+	<thead v-if="header" class="table--header">
+		<tr class="table--row">
 			<template v-for="col,i of cols" :key="col">
 				<slot :name="`header-${col.toString()}`"
 					:class="[
-						extraClasses[`-1-${i}`],
-						'cell',
-						(colConfig as any)[col]?.resizable === false
-							? 'no-resize'
-							: ''
-					].join(' ')"
+  extraClasses[`-1-${i}`],
+  'cell table--header-cell',
+  colConfig[col]?.resizable === false ? 'no-resize' : ''
+].join(' ')"
 					:style="`width:${widths.length > 0 ? widths[i] : ``}; `"
 					:col-key="col"
 				>
 					<td :class="[
-							extraClasses[`-1-${i}`] ,
-							'cell',
-							(colConfig as any)[col]?.resizable === false
-								? 'no-resize'
-								: ''
-						].join(' ')"
+  extraClasses[`-1-${i}`],
+  'cell table--header-cell',
+  colConfig[col]?.resizable === false ? 'no-resize' : ''
+].join(' ')"
 						:style="`width:${widths.length > 0 ? widths[i] : ``}; `"
 					>
-						{{ (colConfig as any)[col]?.name ?? col }}
+						{{ colConfig[col]?.name ?? col }}
 					</td>
 				</slot>
 			</template>
 		</tr>
 	</thead>
-	<tbody>
+	<tbody class="table--body">
 		<template v-for="item, i of values" :key="typeof itemKey === 'function' ? itemKey(item) : item[itemKey]">
-			<tr>
+			<tr class="table--row">
 				<template v-for="col, j of cols" :key="(typeof itemKey === 'function' ? itemKey(item) : item[itemKey]) + col.toString()">
 					<slot
 						:name="col"
 						:item="item"
 						:value="item[col]"
-						:class="extraClasses[`${i}-${j}`] + ' cell'"
+						:class="extraClasses[`${i}-${j}`] + 'table--cell cell'"
 					>
-						<td :class="extraClasses[`${i}-${j}`] + ' cell'">
+						<td :class="extraClasses[`${i}-${j}`] + 'table--cell cell'">
 							{{ item[col] }}
 						</td>
 					</slot>
@@ -90,88 +88,53 @@
 </table>
 </template>
 
-<!-- generic="T extends Record<string, any> -->"
-<script setup lang="ts" generic="T">
-import type { MakeRequired } from "@alanscodelog/utils"
-import { keys } from "@alanscodelog/utils/keys.js"
-import { computed, type PropType, ref, type TableHTMLAttributes } from "vue"
-
-import { vResizableCols } from "../../directives/vResizableCols.js"
-import type { ResizableOptions, TableColConfig } from "../../types/index.js"
-import { twMerge } from "../../utils/twMerge.js"
-import type { TailwindClassProp } from "../shared/props.js"
-
-
+<script setup>
+import { keys } from "@alanscodelog/utils/keys.js";
+import { computed, ref } from "vue";
+import { vResizableCols } from "../../directives/vResizableCols.js";
+import { twMerge } from "../../utils/twMerge.js";
 defineOptions({
-	name: "lib-table",
-})
-
-// eslint-disable-next-line no-use-before-define
-const props = withDefaults(defineProps<Props>(), {
-	resizable: () => ({}),
-	values: () => [] as T[],
-	itemKey: "",
-	cols: () => [] as (keyof T)[],
-	rounded: true,
-	border: true,
-	cellBorder: true,
-	header: true,
-	colConfig: () => ({}) ,
-})
-
-const widths = ref([])
-const resizableOptions = computed<MakeRequired<Partial<ResizableOptions>, "colCount" | "widths">>(() => ({
-	colCount: props.cols.length,
-	widths,
-	selector: ".cell",
-	...props.resizable,
-}))
-
-/* props.values.length instead of `props.values.length - 1` because we're creating an artificial first row for the header */
-const getExtraClasses = (row: number, col: number, isHeader: boolean): string[] => {
-	const res = {
-		bl: !isHeader && row === props.values.length - 1 && col === 0,
-		br: !isHeader && row === props.values.length - 1 && col === props.cols.length - 1,
-		tr: (isHeader || !props.header) && row === 0 && col === props.cols.length - 1,
-		tl: (isHeader || !props.header) && row === 0 && col === 0,
-		"first-row": (isHeader || !props.header) && row === 0,
-		"last-row": row === props.values.length - 1,
-		"first-col": col === 0,
-		"last-col": col === props.cols.length - 1,
-	}
-	return keys(res).filter(key => res[key])
-}
+  name: "lib-table"
+});
+const props = defineProps({
+  resizable: { type: Object, required: false, default: () => ({}) },
+  values: { type: Array, required: false, default: () => [] },
+  itemKey: { type: [String, Number, Symbol, Function], required: false, default: "" },
+  cols: { type: Array, required: false, default: () => [] },
+  rounded: { type: Boolean, required: false, default: true },
+  border: { type: Boolean, required: false, default: true },
+  cellBorder: { type: Boolean, required: false, default: true },
+  header: { type: Boolean, required: false, default: true },
+  colConfig: { type: null, required: false, default: () => ({}) }
+});
+const widths = ref([]);
+const resizableOptions = computed(() => ({
+  colCount: props.cols.length,
+  widths,
+  selector: ".cell",
+  ...props.resizable
+}));
+const getExtraClasses = (row, col, isHeader) => {
+  const res = {
+    bl: !isHeader && row === props.values.length - 1 && col === 0,
+    br: !isHeader && row === props.values.length - 1 && col === props.cols.length - 1,
+    tr: (isHeader || !props.header) && row === 0 && col === props.cols.length - 1,
+    tl: (isHeader || !props.header) && row === 0 && col === 0,
+    "first-row": (isHeader || !props.header) && row === 0,
+    "last-row": row === props.values.length - 1,
+    "first-col": col === 0,
+    "last-col": col === props.cols.length - 1
+  };
+  return keys(res).filter((key) => res[key]);
+};
+const extraClasses = computed(() => Object.fromEntries(
+  [...Array(props.values.length + 1).keys()].map((row) => [...Array(props.cols.length).keys()].map((col) => [
+    `${row - 1}-${col}`,
+    getExtraClasses(row <= 0 ? 0 : row - 1, col, row === 0).join(" ")
+  ])).flat()
+));
+</script>
 
-const extraClasses = computed(() => Object.fromEntries([...Array(props.values.length + 1).keys()]
-	.map(row => [...Array(props.cols.length).keys()]
-		.map(col =>
-			[
-				`${row - 1}-${col}`,
-				getExtraClasses(row <= 0 ? 0 : row - 1, col, row === 0).join(" "),
-			]))
-	.flat(),
-))
+<script>
 
 </script>
-<script lang="ts">
-// generic isn't working here :/
-type T = any
-	
-type RealProps = {
-	resizable?: Partial<ResizableOptions>
-	values?: T[]
-	itemKey?: keyof T | ((item: T) => string)
-	/** Let's the table know the shape of the data since values might be empty. */
-	cols?: (keyof T)[]
-	rounded?: boolean
-	border?: boolean
-	cellBorder?: boolean
-	header?: boolean
-	colConfig?: TableColConfig<T>
-}
-interface Props
-	extends
-	/** @vue-ignore */
-	Partial<Omit<TableHTMLAttributes,"class" | "readonly" | "disabled"> & TailwindClassProp>,
-	RealProps { }
-</script>

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

@@ -0,0 +1,45 @@
+import { type TableHTMLAttributes } from "vue";
+import type { ResizableOptions, TableColConfig } from "../../types/index.js.js";
+import type { TailwindClassProp } from "../shared/props.js.js";
+type T = any;
+type RealProps = {
+    resizable?: Partial<ResizableOptions>;
+    values?: T[];
+    itemKey?: keyof T | ((item: T) => string);
+    /** Let's the table know the shape of the data since values might be empty. */
+    cols?: (keyof T)[];
+    rounded?: boolean;
+    border?: boolean;
+    cellBorder?: boolean;
+    header?: boolean;
+    colConfig?: TableColConfig<T>;
+};
+interface Props extends 
+/** @vue-ignore */
+Partial<Omit<TableHTMLAttributes, "class" | "readonly" | "disabled"> & TailwindClassProp>, RealProps {
+}
+declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & Props & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            colKey: any;
+            style: string;
+            class: string;
+        }) => any) | undefined;
+    } & {
+        [x: string]: ((props: {
+            class: string;
+            item: any;
+            value: any;
+        }) => any) | undefined;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/dist/runtime/components/Template/NAME.vue

@@ -1,49 +1,28 @@
-<!-- eslint-disable -->
 <template>
 <div :class="twMerge(`
 
-	`, ($attrs as any).class)"
-	v-bind="{...$attrs, class:undefined}"
+	`, $attrs.class)"
+	v-bind="{ ...$attrs, class: void 0 }"
 >
 	<slot/>
 </div>
 </template>
-<script setup  lang="ts">
- 
-import { computed, getCurrentInstance, type HTMLAttributes, onBeforeUnmount, onMounted, type PropType, reactive, type Ref, ref, watch } from "vue"
-
-import { twMerge } from "../../utils/twMerge.js"
-import { baseInteractiveProps, type TailwindClassProp } from "../shared/props.js"
-
 
+<script setup>
+import { computed, onBeforeUnmount, onMounted, reactive, ref, watch } from "vue";
+import { twMerge } from "../../utils/twMerge.js";
+import { baseInteractiveProps } from "../shared/props.js";
 defineOptions({
-	name: "lib-name", /* todo */
-	inheritAttrs: false,
-})
-
-
-// const props = defineProps<{}>({ })
-
-const el = ref<null | HTMLElement>(null)
-
-const modelValue = defineModel<string>({ required: true })
-
-
+  name: "lib-name",
+  /* todo */
+  inheritAttrs: false
+});
+const el = ref(null);
+const modelValue = defineModel({ type: String, ...{ required: true } });
 </script>
 
-<script lang="ts">
+<script>
 export default {
-	name: "lib-name",
-}
-
-type RealProps = {
-}
-
-interface Props
-	extends
-	/** @vue-ignore */
-	Partial<Omit<HTMLAttributes, "class">
-		& TailwindClassProp
-		& RealProps
-	> { }
+  name: "lib-name"
+};
 </script>

package/dist/runtime/components/Template/NAME.vue.d.ts

@@ -0,0 +1,17 @@
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    modelValue: string;
+}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/TestControls/TestControls.vue

@@ -1,19 +1,16 @@
 <template>
 <!-- Width 100% + 2xmargin in combination with the margins in LibRoot is a bit of a hack so that it looks like there's padding around the content in test mode (for storybook). We can't just absolutely position these controls or they make the container scroll. -->
-<div class="flex gap-2 p-1 pb-10 -ml-10 w-[calc(100%_+_var(--spacing)*20)]">
+<div class="test-controls flex gap-2 p-1 pb-10 -ml-10 w-[calc(100%_+_var(--spacing)*20)]">
 	<div class="flex-grow"/>
 	<div class="outline-indicator">{{ showOutline ? "Outline Enabled" : "Outline Disabled" }}</div>
 	<lib-dark-mode-switcher/>
 </div>
 </template>
 
-<script setup lang="ts">
-import LibDarkModeSwitcher from "../LibDarkModeSwitcher/LibDarkModeSwitcher.vue"
-
-defineOptions({ name: "test-controls" })
-defineProps< {
-	showOutline: boolean
-}>()
-
+<script setup>
+import LibDarkModeSwitcher from "../LibDarkModeSwitcher/LibDarkModeSwitcher.vue";
+defineOptions({ name: "test-controls" });
+defineProps({
+  showOutline: { type: Boolean, required: true }
+});
 </script>
-

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

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    showOutline: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/index.d.ts

@@ -1,19 +1,20 @@
-export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue.js";
 export { default as aria } from "./Aria/Aria.vue.js";
 export { default as LibButton } from "./LibButton/LibButton.vue.js";
+export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue.js";
+export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue.js";
+export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue.js";
+export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue.js";
 export { default as LibDatePicker } from "./LibDatePicker/LibDatePicker.vue.js";
 export { default as LibDebug } from "./LibDebug/LibDebug.vue.js";
-export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue.js";
-export { default as LibInput } from "./LibInput/LibInput.vue.js";
+export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue.js";
+export { default as LibInputDeprecated } from "./LibInputDeprecated/LibInputDeprecated.vue.js";
+export { default as LibLabel } from "./LibLabel/LibLabel.vue.js";
 export { default as LibNotifications } from "./LibNotifications/LibNotifications.vue.js";
 export { default as LibPagination } from "./LibPagination/LibPagination.vue.js";
-export { default as LibTable } from "./LibTable/LibTable.vue.js";
-export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue.js";
-export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue.js";
 export { default as LibPopup } from "./LibPopup/LibPopup.vue.js";
-export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue.js";
-export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue.js";
-export { default as LibLabel } from "./LibLabel/LibLabel.vue.js";
-export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue.js";
-export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue.js";
 export { default as LibProgressBar } from "./LibProgressBar/LibProgressBar.vue.js";
+export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue.js";
+export { default as LibRoot } from "./LibRoot/LibRoot.vue.js";
+export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue.js";
+export { default as LibTable } from "./LibTable/LibTable.vue.js";
+export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue.js";

package/dist/runtime/components/index.js

@@ -1,19 +1,20 @@
-export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue";
 export { default as aria } from "./Aria/Aria.vue";
 export { default as LibButton } from "./LibButton/LibButton.vue";
+export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue";
+export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue";
+export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue";
+export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue";
 export { default as LibDatePicker } from "./LibDatePicker/LibDatePicker.vue";
 export { default as LibDebug } from "./LibDebug/LibDebug.vue";
-export { default as LibDarkModeSwitcher } from "./LibDarkModeSwitcher/LibDarkModeSwitcher.vue";
-export { default as LibInput } from "./LibInput/LibInput.vue";
+export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue";
+export { default as LibInputDeprecated } from "./LibInputDeprecated/LibInputDeprecated.vue";
+export { default as LibLabel } from "./LibLabel/LibLabel.vue";
 export { default as LibNotifications } from "./LibNotifications/LibNotifications.vue";
 export { default as LibPagination } from "./LibPagination/LibPagination.vue";
-export { default as LibTable } from "./LibTable/LibTable.vue";
-export { default as LibColorPicker } from "./LibColorPicker/LibColorPicker.vue";
-export { default as LibColorInput } from "./LibColorInput/LibColorInput.vue";
 export { default as LibPopup } from "./LibPopup/LibPopup.vue";
-export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue";
-export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue";
-export { default as LibLabel } from "./LibLabel/LibLabel.vue";
-export { default as LibCheckbox } from "./LibCheckbox/LibCheckbox.vue";
-export { default as LibFileInput } from "./LibFileInput/LibFileInput.vue";
 export { default as LibProgressBar } from "./LibProgressBar/LibProgressBar.vue";
+export { default as LibRecorder } from "./LibRecorder/LibRecorder.vue";
+export { default as LibRoot } from "./LibRoot/LibRoot.vue";
+export { default as LibSimpleInput } from "./LibSimpleInput/LibSimpleInput.vue";
+export { default as LibTable } from "./LibTable/LibTable.vue";
+export { default as LibTimeZonePicker } from "./LibDatePicker/LibTimeZonePicker.vue";