@brickflow/ui 0.0.50 → 0.0.52

package/dist/module.d.mts

@@ -1,5 +1,6 @@
 import * as _nuxt_schema from '@nuxt/schema';
-export { BrickflowConfig, BrickflowI18n, BrickflowRouteLocationParam } from '../dist/runtime/composables/useTranslate.js';
+export { BrickflowConfig } from '../dist/runtime/composables/useBrickflow.js';
+export { BrickflowI18n, BrickflowRouteLocationParam } from '../dist/runtime/composables/useTranslate.js';
 
 interface ModuleOptions {
     componentPrefix?: string;

package/dist/module.json

@@ -4,7 +4,7 @@
   },
   "configKey": "brickflowUi",
   "name": "@brickflow/ui",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "builder": {
     "@nuxt/module-builder": "1.0.3",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -1,4 +1,4 @@
-import { defineNuxtModule, createResolver, resolvePath, addTypeTemplate, addTemplate, updateTemplates, addImportsDir, addComponentsDir } from '@nuxt/kit';
+import { defineNuxtModule, createResolver, resolvePath, addTypeTemplate, addTemplate, updateTemplates, addImports, addComponentsDir } from '@nuxt/kit';
 import tailwindcss from '@tailwindcss/vite';
 import { createJiti } from 'jiti';
 import { mkdir, access, readFile, writeFile, readdir } from 'node:fs/promises';
@@ -960,7 +960,22 @@ const module$1 = defineNuxtModule({
       }
       viteConfig.plugins.push(tailwindcss());
     });
-    addImportsDir(resolver.resolve("./runtime/composables"));
+    addImports([
+      ...["provideBrickflow", "useBrickflow", "BrickflowConfig"].map((name) => ({
+        from: resolver.resolve("./runtime/composables/useBrickflow"),
+        name,
+        type: name === "useBrickflow"
+      })),
+      {
+        from: resolver.resolve("./runtime/composables/useScreen"),
+        name: "useScreen"
+      },
+      ...["useTheme", "Theme", "ThemeController"].map((name) => ({
+        from: resolver.resolve("./runtime/composables/useTheme"),
+        name,
+        type: name !== "useTheme"
+      }))
+    ]);
     addComponentsDir({
       ignore: ["**/*.demo.vue"],
       path: resolver.resolve("./runtime/components"),

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

@@ -31,6 +31,7 @@
       rounded?: boolean
       size?: ButtonSize
       square?: boolean
+      target?: '_blank' | '_parent' | '_self' | '_top' | null | (Record<string, never> & string)
       to?: RouteLocationRaw
       trailingIcon?: string
       type?: 'button' | 'reset' | 'submit'
@@ -41,6 +42,7 @@
       icon: undefined,
       rounded: false,
       size: UI_CONFIG.sizeDefault,
+      target: undefined,
       to: undefined,
       trailingIcon: undefined,
       type: 'button',
@@ -55,9 +57,9 @@
   type ButtonSize = Extract<keyof typeof sizeClasses, string>
   type ButtonVariant = Extract<keyof (typeof colorClasses)[ButtonColor], string>
 
-  const component = computed(() => (props.to === undefined ? 'button' : BaseLink))
-  const disabled = computed(() => props.disabled || props.loading)
   const isButton = computed(() => props.to === undefined)
+  const component = computed(() => (isButton.value ? 'button' : BaseLink))
+  const disabled = computed(() => props.disabled || props.loading)
   const classes = computed(() => [
     UI_STYLE.base,
     twMerge(sizeClasses[props.size], props.square && UI_STYLE.state.square),
@@ -82,6 +84,7 @@
     :is="component"
     v-bind="animationTapClass ? { onPointerupPassive: handleTap } : {}"
     :to="props.to"
+    :target="isButton ? undefined : props.target"
     :type="isButton ? props.type : undefined"
     :disabled="isButton ? disabled : undefined"
     :aria-busy="props.loading || undefined"

package/dist/runtime/composables/useBrickflow.d.ts

@@ -0,0 +1,8 @@
+import { type App } from 'vue';
+import type { BrickflowI18n } from './useTranslate.js';
+export interface BrickflowConfig {
+    i18n?: BrickflowI18n;
+}
+export declare function provideBrickflow<T extends BrickflowConfig>(app: App, config: T): void;
+export declare function useBrickflow(): BrickflowConfig;
+//# sourceMappingURL=useBrickflow.d.ts.map

package/dist/runtime/composables/useBrickflow.js

@@ -0,0 +1,8 @@
+import { inject } from "vue";
+const brickflowConfigKey = Symbol("brickflow-config");
+export function provideBrickflow(app, config) {
+  app.provide(brickflowConfigKey, config);
+}
+export function useBrickflow() {
+  return inject(brickflowConfigKey, {});
+}

package/dist/runtime/composables/useTranslate.d.ts

@@ -1,8 +1,5 @@
 import type { RouteRecordNameGeneric } from 'vue-router';
-import { type App, type Ref } from 'vue';
-export interface BrickflowConfig {
-    i18n?: BrickflowI18n;
-}
+import { type Ref } from 'vue';
 export interface BrickflowI18n {
     getRealName: (route: {
         name: RouteRecordNameGeneric;
@@ -15,6 +12,5 @@ export interface BrickflowRouteLocationParam {
     path: string;
     query: Record<string, unknown>;
 }
-export declare function provideBrickflowConfig<T extends BrickflowConfig>(app: App, config: T): void;
 export declare function useTranslate(): BrickflowI18n;
 //# sourceMappingURL=useTranslate.d.ts.map

package/dist/runtime/composables/useTranslate.js

@@ -1,17 +1,12 @@
-import { inject, ref } from "vue";
-const brickflowConfigKey = Symbol("brickflow-config");
-const useTranslateFallback = () => {
-  const getRealPath = (route) => typeof route === "string" ? route : route.path;
-  return {
-    getRealName: (route) => String(route.name),
-    getRealPath,
-    locale: ref("en"),
-    localePath: getRealPath
-  };
+import { shallowRef } from "vue";
+import { useBrickflow } from "./useBrickflow.js";
+const getFallbackRealPath = (route) => typeof route === "string" ? route : route.path;
+const translateFallback = {
+  getRealName: (route) => String(route.name),
+  getRealPath: getFallbackRealPath,
+  locale: shallowRef("en"),
+  localePath: getFallbackRealPath
 };
-export function provideBrickflowConfig(app, config) {
-  app.provide(brickflowConfigKey, config);
-}
 export function useTranslate() {
-  return inject(brickflowConfigKey, void 0)?.i18n ?? useTranslateFallback();
+  return useBrickflow().i18n ?? translateFallback;
 }

package/dist/types.d.mts

@@ -1,4 +1,6 @@
-export { type BrickflowConfig, type BrickflowI18n, type BrickflowRouteLocationParam } from '../dist/runtime/composables/useTranslate.js'
+export { type BrickflowConfig } from '../dist/runtime/composables/useBrickflow.js'
+
+export { type BrickflowI18n, type BrickflowRouteLocationParam } from '../dist/runtime/composables/useTranslate.js'
 
 export { default } from './module.mjs'
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickflow/ui",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "type": "module",
   "description": "brickflow UI Nuxt module.",
   "files": [