@brickflow/ui 0.0.26 → 0.0.28

package/dist/runtime/pages/ui.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=ui.vue.d.ts.map

package/dist/runtime/tailwind.d.ts

@@ -8,6 +8,9 @@ declare global {
         readonly [key: string]: BrickflowUiStyleObject | string;
     };
 }
+export interface BrickflowUiConfigContext {
+    value<const TValue extends string>(value: TValue): TValue;
+}
 export type BrickflowUiConfigInput<TStyles extends BrickflowUiStyleObject = BrickflowUiStyles> = {
     readonly uiStyles?: TStyles;
 };
@@ -19,7 +22,7 @@ export type BrickflowUiStyles = BrickflowUiStyleObject;
 export declare const emptyUiStyles: {};
 export declare const emptyBrickflowUiConfig: BrickflowUiConfig<typeof emptyUiStyles>;
 export declare function defineBrickflowUiConfig(): BrickflowUiConfig<typeof emptyUiStyles>;
-export declare function defineBrickflowUiConfig<const TStyles extends BrickflowUiConfigStylePaths>(config: BrickflowUiConfigInput<BrickflowUiStrictStyles<TStyles>>): BrickflowUiConfig<TStyles>;
+export declare function defineBrickflowUiConfig<const TStyles extends BrickflowUiConfigStylePaths>(configOrFactory: ((context: BrickflowUiConfigContext) => BrickflowUiConfigInput<BrickflowUiStrictStyles<TStyles>>) | BrickflowUiConfigInput<BrickflowUiStrictStyles<TStyles>>): BrickflowUiConfig<TStyles>;
 export declare const uiStyles: {};
 export default emptyBrickflowUiConfig;
 //# sourceMappingURL=tailwind.d.ts.map

package/dist/runtime/tailwind.js

@@ -2,7 +2,8 @@ export const emptyUiStyles = {};
 export const emptyBrickflowUiConfig = {
   uiStyles: emptyUiStyles
 };
-export function defineBrickflowUiConfig(config = {}) {
+export function defineBrickflowUiConfig(configOrFactory = {}) {
+  const config = typeof configOrFactory === "function" ? configOrFactory({ value: (value) => value }) : configOrFactory;
   const uiStyles2 = config.uiStyles ?? emptyUiStyles;
   validateUiStyles(uiStyles2);
   return {

package/dist/runtime/ui-catalog.d.ts

@@ -0,0 +1,39 @@
+declare module '#brickflow-ui-catalog' {
+  import type { Component } from 'vue'
+
+  export interface BrickflowUiComponent {
+    component: Component
+    demos: BrickflowUiDemo[]
+    id: string
+    name: string
+    props: BrickflowUiProp[]
+    slots: string[]
+    styles: BrickflowUiStyleValue[]
+  }
+
+  export interface BrickflowUiDemo {
+    code: string
+    component: Component
+    description?: string
+    id: string
+    title: string
+  }
+
+  export interface BrickflowUiDemoMeta {
+    description?: string
+    title?: string
+  }
+
+  export interface BrickflowUiProp {
+    name: string
+    required: boolean
+    type: string
+  }
+
+  export interface BrickflowUiStyleValue {
+    path: string
+    value?: string
+  }
+
+  export const uiComponents: BrickflowUiComponent[]
+}

package/dist/runtime/ui-options.d.ts

@@ -0,0 +1,3 @@
+declare module '#brickflow-ui-options' {
+  export const uiThemeEnabled: boolean
+}

package/dist/types.d.mts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickflow/ui",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "type": "module",
   "description": "brickflow UI Nuxt module.",
   "files": [
@@ -29,19 +29,19 @@
     "access": "public"
   },
   "dependencies": {
-    "@brickflow/utils": "workspace:*",
-    "@tailwindcss/vite": "4.3.2",
-    "jiti": "^2.7.0",
-    "tailwindcss": "4.3.2"
+    "@tailwindcss/vite": "4.3.3",
+    "fantasticon": "4.1.0",
+    "jiti": "2.7.0",
+    "tailwindcss": "4.3.3"
   },
   "devDependencies": {
     "@brickflow/lint": "workspace:*",
     "@brickflow/prettier": "workspace:*",
-    "@nuxt/kit": "4.4.8",
-    "@nuxt/module-builder": "1.0.2",
-    "nuxt": "4.4.8",
-    "vue": "3.5.39",
-    "vue-tsc": "3.3.5"
+    "@nuxt/kit": "4.5.1",
+    "@nuxt/module-builder": "1.0.3",
+    "nuxt": "4.5.1",
+    "vue": "3.5.40",
+    "vue-tsc": "3.3.9"
   },
   "author": "",
   "license": "ISC"

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

@@ -1,23 +0,0 @@
-interface Props {
-    size?: 'md' | 'sm';
-    type?: 'button' | 'reset' | 'submit';
-    variant?: 'primary' | 'secondary';
-}
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "md" | "sm";
-    type: "button" | "reset" | "submit";
-    variant: "primary" | "secondary";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Button.vue.d.ts.map

package/dist/runtime/components/Button.vue

@@ -1,29 +0,0 @@
-<script setup>
-import { computed } from "vue";
-const props = defineProps({
-  size: { type: String, required: false, default: "md" },
-  type: { type: String, required: false, default: "button" },
-  variant: { type: String, required: false, default: "primary" }
-});
-const sizeClasses = {
-  md: UI_STYLE.size.md,
-  sm: UI_STYLE.size.lol
-};
-const variantClasses = {
-  primary: UI_STYLE.variant.primary,
-  secondary: UI_STYLE.variant.secondary
-};
-const sizeClass = computed(() => sizeClasses[props.size]);
-const variantClass = computed(() => variantClasses[props.variant]);
-</script>
-
-<template>
-  <button
-    :type="props.type"
-    :class="[UI_STYLE.base, sizeClass, variantClass]"
-    data-testid="brick-button"
-  >
-    <span :class="UI_STYLE.size.kio">LOL</span>
-    <slot />
-  </button>
-</template>

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

@@ -1,23 +0,0 @@
-interface Props {
-    size?: 'md' | 'sm';
-    type?: 'button' | 'reset' | 'submit';
-    variant?: 'primary' | 'secondary';
-}
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
-    size: "md" | "sm";
-    type: "button" | "reset" | "submit";
-    variant: "primary" | "secondary";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=Button.vue.d.ts.map

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

@@ -1,9 +0,0 @@
-import { type ComputedRef } from 'vue';
-interface brickflowComposable {
-    className: ComputedRef<string>;
-    message: ComputedRef<string>;
-    target: ComputedRef<string>;
-}
-export declare const usebrickflow: () => brickflowComposable;
-export {};
-//# sourceMappingURL=useBrickme.d.ts.map

package/dist/runtime/composables/useBrickme.js

@@ -1,14 +0,0 @@
-import { useRuntimeConfig } from "nuxt/app";
-import { computed } from "vue";
-export const usebrickflow = () => {
-  const config = useRuntimeConfig();
-  const brickflowConfig = computed(() => config.public.brickflowUi ?? {});
-  const target = computed(() => brickflowConfig.value.target ?? "world");
-  const message = computed(() => brickflowConfig.value.message ?? `Hello ${target.value}`);
-  const className = computed(() => target.value === "world" ? UI_STYLE.state.world : "");
-  return {
-    className,
-    message,
-    target
-  };
-};