@brickflow/ui 0.0.40 → 0.0.43

package/dist/runtime/components/Icon/index.vue

@@ -1,12 +1,18 @@
-<script setup>
-import { computed } from "vue";
-defineOptions({
-  inheritAttrs: false
-});
-const props = defineProps({
-  name: { type: String, required: true }
-});
-const classes = computed(() => `icon-${props.name}`);
+<script setup lang="ts">
+  import { computed } from 'vue'
+
+  defineOptions({
+    inheritAttrs: false,
+  })
+
+  const props = withDefaults(
+    defineProps<{
+      name: string
+    }>(),
+    {},
+  )
+
+  const classes = computed(() => `icon-${props.name}`)
 </script>
 
 <template>

package/dist/runtime/components/Link/basic.demo.vue

@@ -1,12 +1,12 @@
-<script>
-export const uiDemo = {
-  description: "Internal navigation keeps the current locale.",
-  title: "Basic usage"
-};
+<script lang="ts">
+  export const uiDemo = {
+    description: 'Internal navigation keeps the current locale.',
+    title: 'Basic usage',
+  }
 </script>
 
-<script setup>
-import Link from "./index.vue";
+<script lang="ts" setup>
+  import Link from './index.vue'
 </script>
 
 <template>

package/dist/runtime/components/Link/index.vue

@@ -8,55 +8,86 @@
   </NuxtLink>
 </template>
 
-<script setup>
-import { computed, ref } from "vue";
-import { useRouter } from "vue-router";
-import { useTranslate } from "../../composables/useTranslate";
-defineOptions({ inheritAttrs: false });
-const props = defineProps({
-  activeClass: { type: String, required: false, default: void 0 },
-  class: { type: [Array, String], required: false, default: void 0 },
-  custom: { type: Boolean, required: false, default: false },
-  exactActiveClass: { type: String, required: false, default: void 0 },
-  external: { type: Boolean, required: false, default: false },
-  faster: { type: Boolean, required: false, default: false },
-  href: { type: null, required: false, default: void 0 },
-  onClick: { type: Function, required: false, default: void 0 },
-  onPointerdown: { type: Function, required: false, default: void 0 },
-  prefetch: { type: Boolean, required: false, default: false },
-  rel: { type: [null, String], required: false, default: void 0 },
-  replace: { type: Boolean, required: false, default: false },
-  style: { type: Object, required: false, default: void 0 },
-  target: { type: [String, null, Object], required: false, default: void 0 },
-  to: { type: null, required: false, default: void 0 }
-});
-const { localePath } = useTranslate();
-const prepareProps = computed(() => {
-  const { faster: _faster, onPointerdown: _onPointerdown, ...linkProps } = props;
-  const refineDrops = { ...linkProps, onPointerdown: props.faster ? handlePointerDown : void 0 };
-  if (typeof props.to === "string") {
-    return { ...refineDrops, to: localePath(props.to) };
-  } else if (props.to?.path) {
-    return { ...refineDrops, to: { ...props.to, path: localePath(props.to.path) } };
-  }
-  return refineDrops;
-});
-const linkRef = ref();
-function handlePointerDown(e) {
-  const router = useRouter();
-  props.onPointerdown?.();
-  if (e.button !== 0) {
-    return;
-  }
-  if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
-    return;
-  }
-  e.preventDefault();
-  const to = prepareProps.value.to;
-  if (!to) {
-    return;
+<script lang="ts" setup>
+  import { type ComponentPublicInstance, computed, ref } from 'vue'
+  import { type RouteLocationPathRaw, type RouteLocationRaw, useRouter } from 'vue-router'
+
+  import { useTranslate } from '../../composables/useTranslate'
+
+  defineOptions({ inheritAttrs: false })
+
+  const props = withDefaults(
+    defineProps<{
+      activeClass?: string
+      class?: (false | string)[] | string
+      custom?: boolean
+      exactActiveClass?: string
+      external?: boolean
+      faster?: boolean
+      href?: RouteLocationRaw
+      onClick?: () => void
+      onPointerdown?: () => void
+      prefetch?: boolean
+      rel?: null | string
+      replace?: boolean
+      style?: Record<string, string>
+      target?: '_blank' | '_parent' | '_self' | '_top' | null | (Record<string, never> & string)
+      to?: RouteLocationRaw
+    }>(),
+    {
+      activeClass: undefined,
+      class: undefined,
+      custom: false,
+      exactActiveClass: undefined,
+      external: false,
+      faster: false,
+      href: undefined,
+      onClick: undefined,
+      onPointerdown: undefined,
+      prefetch: false,
+      rel: undefined,
+      replace: false,
+      style: undefined,
+      target: undefined,
+      to: undefined,
+    },
+  )
+  const { localePath } = useTranslate()
+
+  const prepareProps = computed(() => {
+    const { faster: _faster, onPointerdown: _onPointerdown, ...linkProps } = props
+    const refineDrops = { ...linkProps, onPointerdown: props.faster ? handlePointerDown : undefined }
+
+    if (typeof props.to === 'string') {
+      return { ...refineDrops, to: localePath(props.to) }
+    } else if ((props.to as RouteLocationPathRaw)?.path) {
+      return { ...refineDrops, to: { ...props.to, path: localePath((props.to as RouteLocationPathRaw).path) } }
+    }
+
+    return refineDrops
+  })
+  const linkRef = ref<ComponentPublicInstance>()
+
+  function handlePointerDown(e: PointerEvent): void {
+    const router = useRouter()
+    props.onPointerdown?.()
+    if (e.button !== 0) {
+      return
+    }
+    if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey) {
+      return
+    }
+
+    e.preventDefault()
+
+    const to = prepareProps.value.to
+
+    if (!to) {
+      return
+    }
+
+    props.replace ? router.replace(to) : router.push(to)
   }
-  props.replace ? router.replace(to) : router.push(to);
-}
-defineExpose({ linkRef });
+
+  defineExpose({ linkRef })
 </script>

package/dist/runtime/icon-font.d.ts

@@ -1,4 +1,5 @@
 declare module '#brickflow-ui-icons' {
+  export const buttonConfig: import('./components/Button/index.vue').ButtonConfig
   export const firstIconName: string
   export const iconNames: readonly string[]
 }