@indielayer/ui 1.0.1 → 1.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -105,5 +105,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "d7119d101a4a1ac18fbfd700e291225d2e53abe7"
 }

package/src/components/avatar/Avatar.vue

@@ -41,17 +41,19 @@ const initials = computed(() => {
   return ''
 })
 
-watch(() => props.image, (src) => {
-  source.value = undefined
-  if (!src) return
-  const img = new Image()
+if (typeof window !== 'undefined' && Image) {
+  watch(() => props.image, (src) => {
+    source.value = undefined
+    if (!src) return
+    const img = new Image()
 
-  img.onload = () => { source.value = props.image }
-  img.onerror = () => { }
-  img.src = src
-}, {
-  immediate: true,
-})
+    img.onload = () => { source.value = props.image }
+    img.onerror = () => { }
+    img.src = src
+  }, {
+    immediate: true,
+  })
+}
 
 const { styles, classes, className } = useTheme('avatar', theme, props, { source })
 </script>

package/src/components/button/Button.theme.ts

@@ -4,7 +4,7 @@ export default {
   classes: {
     wrapper({ props, slots, data }: ThemeParams) {
       /*tw*/
-      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border']
+      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none']
 
       // radius
       if (!data.isButtonGroup) classes.push(props.rounded ? 'rounded-full' : 'rounded-md')

package/src/components/drawer/Drawer.vue

@@ -46,14 +46,23 @@ const value = ref<boolean>(props.modelValue)
 const backdropRef = ref<HTMLElement | null>(null)
 const drawerRef = ref<HTMLElement | null>(null)
 
+let deferShow = ref<boolean>(false)
+
+if (typeof window !== 'undefined') deferShow = ref<boolean>(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))))
+
 const isTailwindBreakpoint = typeof props.breakpoint === 'string'
 const breakpoints = useBreakpoints(isTailwindBreakpoint ? breakpointsTailwind : { md: props.breakpoint || 768 } as Breakpoints)
 const point = breakpoints.smaller(isTailwindBreakpoint ? props.breakpoint : 'md')
 
 watchEffect(() => {
   if (props.breakpoint) {
-    close()
-    detached.value = point.value
+    if (point.value) {
+      detached.value = true
+      close()
+    } else {
+      detached.value = false
+      open()
+    }
   }
 })
 
@@ -63,7 +72,7 @@ watch(() => props.modelValue, (val) => {
   value.value = val
 })
 
-useEventListener(document, 'keydown', onKeyDown)
+if (typeof window !== 'undefined') useEventListener(document, 'keydown', onKeyDown)
 
 function onKeyDown(event: KeyboardEvent) {
   if (event.key === 'Escape' && value.value) close()
@@ -98,17 +107,6 @@ const { lengthX, lengthY } = useSwipe(drawerRef, {
   },
 })
 
-function close(e?: PointerEvent) {
-  if (e && e.target !== backdropRef.value) return
-  value.value = false
-  emit('update:modelValue', false)
-}
-
-function open() {
-  value.value = true
-  emit('update:modelValue', true)
-}
-
 const autoStyles = computed(() => {
   const s: Record<string, string> = {}
 
@@ -169,7 +167,16 @@ function onLeave(el: HTMLElement, done: ()=> void) {
   }, 1)
 }
 
-const deferShow = ref<boolean>(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))))
+function close(e?: PointerEvent) {
+  if (e && e.target !== backdropRef.value) return
+  value.value = false
+  emit('update:modelValue', false)
+}
+
+function open() {
+  value.value = true
+  emit('update:modelValue', true)
+}
 
 onMounted(() => {
   deferShow.value = true
@@ -190,7 +197,7 @@ defineExpose({ open, close })
       @leave="onLeave"
     >
       <div
-        v-if="!detached || (detached && value)"
+        v-if="value"
         ref="backdropRef"
         :class="[
           $attrs.class,

package/src/components/image/Image.vue

@@ -16,16 +16,18 @@ const props = defineProps({
 
 const source = ref<string | undefined>(fallback)
 
-watch(() => props.src, (src) => {
-  if (!src) return
-  const img = new Image()
-
-  img.onload = () => { source.value = props.src }
-  img.onerror = () => { }
-  img.src = src
-}, {
-  immediate: true,
-})
+if (typeof window !== 'undefined' && Image) {
+  watch(() => props.src, (src) => {
+    if (!src) return
+    const img = new Image()
+
+    img.onload = () => { source.value = props.src }
+    img.onerror = () => { }
+    img.src = src
+  }, {
+    immediate: true,
+  })
+}
 
 const { styles, classes, className } = useTheme('image', theme, props)
 </script>

package/src/components/modal/Modal.vue

@@ -60,7 +60,7 @@ watch(() => props.modelValue, (val) => {
   }
 })
 
-useEventListener(document, 'keydown', onKeyDown)
+if (typeof window !== 'undefined') useEventListener(document, 'keydown', onKeyDown)
 
 function onKeyDown(event: KeyboardEvent) {
   if (event.key === 'Escape' && value.value) close()

package/src/components/notifications/Notifications.theme.ts

@@ -6,6 +6,6 @@ export default {
 
     list: 'flex flex-col items-end w-full sm:w-[520px] px-4',
 
-    item: 'w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900',
+    item: 'w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900 border border-gray-700 dark:border-gray-100',
   },
 }

package/src/components/slider/Slider.vue

@@ -119,10 +119,12 @@ function endDrag(e: PointerEvent) {
   e.stopPropagation()
 }
 
-useEventListener(progressRef, 'pointerdown', startProgressDrag, false)
-useEventListener(dragRef, 'pointerdown', startDrag, false)
-useEventListener(window, 'pointermove', moveDrag, true)
-useEventListener(window, 'pointerup', endDrag, true)
+if (typeof window !== 'undefined') {
+  useEventListener(progressRef, 'pointerdown', startProgressDrag, false)
+  useEventListener(dragRef, 'pointerdown', startDrag, false)
+  useEventListener(window, 'pointermove', moveDrag, true)
+  useEventListener(window, 'pointerup', endDrag, true)
+}
 
 useEventListener(elRef, 'keydown', handleKeydown)
 

package/src/components/textarea/Textarea.vue

@@ -3,8 +3,8 @@ export default { name: 'XTextarea' }
 </script>
 
 <script setup lang="ts">
-import { ref, watch, onMounted, onBeforeUnmount } from 'vue'
-import { useResizeObserver } from '@vueuse/core'
+import { ref, watch } from 'vue'
+import { useResizeObserver, useEventListener } from '@vueuse/core'
 import { useCSS } from '../../composables/css'
 import { useTheme } from '../../composables/theme'
 import { useCommon } from '../../composables/common'
@@ -45,14 +45,7 @@ const emit = defineEmits(useInputtable.emits())
 const elRef = ref<HTMLTextAreaElement | null>(null)
 
 useResizeObserver(elRef, resize)
-
-onMounted(() => {
-  window.addEventListener('resize', resize)
-})
-
-onBeforeUnmount(() => {
-  window.removeEventListener('resize', resize)
-})
+if (typeof window !== 'undefined') useEventListener(window, 'resize', resize)
 
 watch([() => props.modelValue, () => props.size], () => {
   setTimeout(resize)

package/src/composables/colors-utils.ts

@@ -3,7 +3,7 @@ import type { Tone, ColorLibrary, ColorPalette } from './colors'
 const isHex = (hex: string) => /^#(?:[A-Fa-f0-9]{3}){1,2}$/.test(hex)
 const isRGB = (rgb: string) => /^rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}[)]$/.test(rgb)
 const isRGBA = (rgba: string) => /^^rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}\s*0*(?:\.\d+|1(?:\.0*)?)\s*[)]$/.test(rgba)
-const parseRGB = (rgb: string) => rgb.match(/(?<=\().+?(?=\))/g)?.[0].split(',')
+const parseRGB = (rgb: string) => rgb.match(/\((.*?)\)/)?.[1].split(',')
 const hexToRGB = (hex: string) => hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => '#' + r + r + g + g + b + b)
   .substring(1).match(/.{2}/g)
   ?.map((x) => parseInt(x, 16))

package/src/version.ts

@@ -1 +1 @@
-export default '1.0.1'
+export default '1.0.2'

package/lib/common/icons.d.ts

@@ -1,15 +0,0 @@
-export declare const infoIcon = "<path d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />";
-export declare const successIcon = "<path d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />";
-export declare const errorIcon = "<path d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />";
-export declare const warningIcon = "<path d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\" />";
-export declare const closeIcon = "<path d=\"M6 18L18 6M6 6l12 12\" />";
-export declare const avatarIcon = "<path d=\"M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z\" />";
-export declare const arrowRightIcon = "<path d=\"M13 7l5 5m0 0l-5 5m5-5H6\" />";
-export declare const eyeIcon = "<path d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" /><path d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\" />";
-export declare const eyeVisibleIcon = "<path d=\"M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21\" />";
-export declare const dotsIcon = "<path d=\"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z\" />";
-export declare const prevIcon = "<path d=\"M15 19l-7-7 7-7\" />";
-export declare const nextIcon = "<path d=\"M9 5l7 7-7 7\" />";
-export declare const checkIcon = "<path d=\"M5 13l4 4L19 7\" />";
-export declare const chevronDownIcon = "<path d=\"M8 9l4-4 4 4m0 6l-4 4-4-4\" />";
-export declare const externalIcon = "<line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\" /><polyline points=\"7 7 17 7 17 17\" />";

package/lib/common/utils.d.ts

@@ -1,32 +0,0 @@
-/**
- * Deeply unref a value, recursing into objects and arrays.
- *
- * @param {Mixed} val - The value to deeply unref.
- *
- * @return {Mixed}
- */
-export declare const deepUnref: (val: any) => any;
-/**
- * Unref a value, recursing into it if it's an object.
- *
- * @param {Mixed} val - The value to unref.
- *
- * @return {Mixed}
- */
-export declare const smartUnref: (val: any) => any;
-/**
- * Unref an array, recursively.
- *
- * @param {Array} arr - The array to unref.
- *
- * @return {Array}
- */
-export declare const unrefArray: any;
-/**
- * Unref an object, recursively.
- *
- * @param {Object} obj - The object to unref.
- *
- * @return {Object}
- */
-export declare const unrefObject: (obj: any) => any;

package/lib/components/alert/Alert.theme.d.ts

@@ -1,8 +0,0 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
-    styles: ({ props, colors, css }: ThemeParams) => (string | object)[];
-};
-export default _default;

package/lib/components/alert/Alert.vue.d.ts

@@ -1,31 +0,0 @@
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    type: PropType<"success" | "warning" | "error" | "info" | undefined>;
-    glow: BooleanConstructor;
-    light: BooleanConstructor;
-    outlined: BooleanConstructor;
-    removable: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: PropType<"success" | "warning" | "error" | "info" | undefined>;
-    glow: BooleanConstructor;
-    light: BooleanConstructor;
-    outlined: BooleanConstructor;
-    removable: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-}>> & {
-    onRemove?: ((...args: any[]) => any) | undefined;
-}, {
-    glow: boolean;
-    light: boolean;
-    outlined: boolean;
-    removable: boolean;
-    color: string;
-}>;
-export default _default;

package/lib/components/alert/__tests__/Alert.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/avatar/Avatar.theme.d.ts

@@ -1,8 +0,0 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper({ props }: ThemeParams): string[];
-    };
-    styles({ props, colors, css, data }: ThemeParams): Record<string, string>;
-};
-export default _default;

package/lib/components/avatar/Avatar.vue.d.ts

@@ -1,46 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: StringConstructor;
-    alt: StringConstructor;
-    image: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: StringConstructor;
-    alt: StringConstructor;
-    image: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}>>, {
-    size: import("../../composables/common").Size;
-    outlined: boolean;
-    color: string;
-    tag: string;
-    rounded: boolean;
-}>;
-export default _default;

package/lib/components/avatar/__tests__/Avatar.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/badge/Badge.theme.d.ts

@@ -1,8 +0,0 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
-    styles({ props, colors, css }: ThemeParams): string;
-};
-export default _default;

package/lib/components/badge/Badge.vue.d.ts

@@ -1,74 +0,0 @@
-import { type PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    position: {
-        type: PropType<"top" | "bottom">;
-        default: string;
-    };
-    align: {
-        type: PropType<"left" | "right">;
-        default: string;
-    };
-    offsetX: (NumberConstructor | StringConstructor)[];
-    offsetY: (NumberConstructor | StringConstructor)[];
-    animated: BooleanConstructor;
-    outlined: BooleanConstructor;
-    icon: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    position: {
-        type: PropType<"top" | "bottom">;
-        default: string;
-    };
-    align: {
-        type: PropType<"left" | "right">;
-        default: string;
-    };
-    offsetX: (NumberConstructor | StringConstructor)[];
-    offsetY: (NumberConstructor | StringConstructor)[];
-    animated: BooleanConstructor;
-    outlined: BooleanConstructor;
-    icon: StringConstructor;
-    show: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}>>, {
-    size: import("../../composables/common").Size;
-    outlined: boolean;
-    color: string;
-    tag: string;
-    position: "top" | "bottom";
-    align: "left" | "right";
-    animated: boolean;
-    show: boolean;
-}>;
-export default _default;

package/lib/components/badge/__tests__/Badge.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/breadcrumbs/Breadcrumbs.theme.d.ts

@@ -1,8 +0,0 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-        item: string;
-        lastItem: string;
-    };
-};
-export default _default;

package/lib/components/breadcrumbs/Breadcrumbs.vue.d.ts

@@ -1,41 +0,0 @@
-import { type PropType } from 'vue';
-export declare type BreadcrumbItem = {
-    label: string;
-    to?: string | object;
-    href?: string;
-    color?: string;
-    icon?: string;
-    shadow?: boolean;
-    underline?: boolean;
-};
-declare const _default: import("vue").DefineComponent<{
-    items: PropType<BreadcrumbItem[]>;
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: BooleanConstructor;
-    underline: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    items: PropType<BreadcrumbItem[]>;
-    icon: {
-        type: StringConstructor;
-        default: string;
-    };
-    shadow: BooleanConstructor;
-    underline: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-}>>, {
-    icon: string;
-    color: string;
-    shadow: boolean;
-    underline: boolean;
-}>;
-export default _default;

package/lib/components/breadcrumbs/__tests__/Breadcrumbs.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/components/button/Button.theme.d.ts

@@ -1,10 +0,0 @@
-import type { ThemeParams } from '../../composables/theme';
-declare const _default: {
-    classes: {
-        wrapper({ props, slots, data }: ThemeParams): string[];
-        iconLeft: ({ slots }: ThemeParams) => "mr-2" | "m-0.5";
-        iconRight: ({ slots }: ThemeParams) => "m-0.5" | "ml-2";
-    };
-    styles({ props, colors, css, data }: ThemeParams): (string | object)[];
-};
-export default _default;

package/lib/components/button/Button.vue.d.ts

@@ -1,81 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    icon: StringConstructor;
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    to: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    glow: BooleanConstructor;
-    ghost: BooleanConstructor;
-    light: BooleanConstructor;
-    block: BooleanConstructor;
-    flat: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}, {
-    focus: () => void | undefined;
-    blur: () => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    tag: {
-        type: StringConstructor;
-        default: string;
-    };
-    type: {
-        type: StringConstructor;
-        default: string;
-    };
-    icon: StringConstructor;
-    iconLeft: StringConstructor;
-    iconRight: StringConstructor;
-    to: StringConstructor;
-    outlined: BooleanConstructor;
-    rounded: BooleanConstructor;
-    glow: BooleanConstructor;
-    ghost: BooleanConstructor;
-    light: BooleanConstructor;
-    block: BooleanConstructor;
-    flat: BooleanConstructor;
-    disabled: BooleanConstructor;
-    loading: BooleanConstructor;
-    color: {
-        readonly type: StringConstructor;
-        readonly default: string | undefined;
-    };
-    size: {
-        readonly type: import("vue").PropType<import("../../composables/common").Size>;
-        readonly default: "md";
-        readonly validator: (value: string) => boolean;
-    };
-}>>, {
-    flat: boolean;
-    size: import("../../composables/common").Size;
-    type: string;
-    glow: boolean;
-    light: boolean;
-    outlined: boolean;
-    color: string;
-    tag: string;
-    rounded: boolean;
-    ghost: boolean;
-    block: boolean;
-    disabled: boolean;
-    loading: boolean;
-}>;
-export default _default;

package/lib/components/button/ButtonGroup.theme.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    classes: {
-        wrapper: string;
-    };
-};
-export default _default;