@brickflow/ui 0.0.1

package/dist/module.d.mts

@@ -0,0 +1,10 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+    target?: string;
+    componentPrefix?: string;
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+
+export { _default as default };
+export type { ModuleOptions };

package/dist/module.json

@@ -0,0 +1,12 @@
+{
+  "name": "@brickflow/ui",
+  "configKey": "brickflowUi",
+  "compatibility": {
+    "nuxt": ">=4.0.0"
+  },
+  "version": "0.0.1",
+  "builder": {
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,40 @@
+import { defineNuxtModule, createResolver, addImportsDir, addComponentsDir } from '@nuxt/kit';
+import tailwindcss from '@tailwindcss/vite';
+import { createBrickGreeting } from '@brickflow/utils';
+
+const module$1 = defineNuxtModule({
+  meta: {
+    name: "@brickflow/ui",
+    configKey: "brickflowUi",
+    compatibility: {
+      nuxt: ">=4.0.0"
+    }
+  },
+  defaults: {
+    target: "world",
+    componentPrefix: "Brick"
+  },
+  setup(options, nuxt) {
+    const resolver = createResolver(import.meta.url);
+    const currentConfig = nuxt.options.runtimeConfig.public.brickflowUi ?? {};
+    nuxt.options.runtimeConfig.public.brickflowUi = {
+      ...currentConfig,
+      target: options.target ?? "world",
+      message: createBrickGreeting(options.target ?? "world")
+    };
+    nuxt.options.css.push(resolver.resolve("./runtime/assets/css/main.css"));
+    nuxt.hook("vite:extendConfig", (config) => {
+      const viteConfig = config;
+      viteConfig.plugins ??= [];
+      viteConfig.plugins.push(tailwindcss());
+    });
+    addImportsDir(resolver.resolve("./runtime/composables"));
+    addComponentsDir({
+      path: resolver.resolve("./runtime/components"),
+      prefix: options.componentPrefix ?? "Brick",
+      pathPrefix: false
+    });
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/assets/css/main.css

@@ -0,0 +1 @@
+@import "tailwindcss";@source "../../components";@theme{--font-sans:"Manrope","Inter",ui-sans-serif,system-ui,sans-serif;--color-brick-50:oklch(0.98 0.01 30);--color-brick-100:oklch(0.95 0.02 30);--color-brick-200:oklch(0.9 0.04 30);--color-brick-400:oklch(0.72 0.15 28);--color-brick-500:oklch(0.64 0.18 28);--color-brick-600:oklch(0.57 0.17 28);--color-ink-950:oklch(0.18 0.02 260);--shadow-brick:0 18px 40px -24px rgba(145,63,43,.55)}

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

@@ -0,0 +1,23 @@
+interface Props {
+    variant?: 'primary' | 'secondary';
+    size?: 'sm' | 'md';
+    type?: 'button' | 'submit' | 'reset';
+}
+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<{}>, {
+    variant: "primary" | "secondary";
+    size: "sm" | "md";
+    type: "button" | "submit" | "reset";
+}, {}, {}, {}, 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

@@ -0,0 +1,25 @@
+<script setup>
+import { computed } from "vue";
+const props = defineProps({
+  variant: { type: String, required: false, default: "primary" },
+  size: { type: String, required: false, default: "md" },
+  type: { type: String, required: false, default: "button" }
+});
+const sizeClass = computed(
+  () => props.size === "sm" ? "min-h-10 px-4 text-sm" : "min-h-12 px-5 text-sm/6"
+);
+const variantClass = computed(
+  () => props.variant === "secondary" ? "border border-brick-200/80 bg-white/70 text-ink-950 shadow-[inset_0_1px_0_rgba(255,255,255,0.85)] hover:border-brick-400/50 hover:bg-brick-50" : "border border-brick-500/80 bg-linear-to-r from-brick-500 to-brick-600 text-white shadow-brick hover:from-brick-400 hover:to-brick-500"
+);
+</script>
+
+<template>
+  <button
+    :type="props.type"
+    class="inline-flex items-center justify-center gap-2 rounded-full font-semibold tracking-[-0.01em] transition-all duration-200 ease-out focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brick-500 disabled:pointer-events-none disabled:opacity-50"
+    :class="[sizeClass, variantClass]"
+    data-testid="brick-button"
+  >
+    <slot />
+  </button>
+</template>

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

@@ -0,0 +1,23 @@
+interface Props {
+    variant?: 'primary' | 'secondary';
+    size?: 'sm' | 'md';
+    type?: 'button' | 'submit' | 'reset';
+}
+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<{}>, {
+    variant: "primary" | "secondary";
+    size: "sm" | "md";
+    type: "button" | "submit" | "reset";
+}, {}, {}, {}, 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/Demo.d.vue.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=Demo.vue.d.ts.map

package/dist/runtime/components/Demo.vue

@@ -0,0 +1,24 @@
+<script setup>
+import Button from "./Button.vue";
+import { usebrickflow } from "../composables/usebrickflow";
+const brickflow = usebrickflow();
+</script>
+
+<template>
+  <section
+    class="grid gap-4 rounded-3xl border border-brick-200/70 bg-white/75 p-6 shadow-brick backdrop-blur"
+    :class="brickflow.className"
+    data-testid="brick-demo"
+  >
+    <div class="grid gap-1">
+      <strong class="text-base font-semibold tracking-[-0.02em] text-ink-950">
+        {{ brickflow.message }}
+      </strong>
+      <span class="text-sm text-zinc-600">Component from @brickflow/ui</span>
+    </div>
+    <div class="flex flex-wrap gap-3">
+      <Button>Primary action</Button>
+      <Button variant="secondary">Secondary action</Button>
+    </div>
+  </section>
+</template>

package/dist/runtime/components/Demo.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=Demo.vue.d.ts.map

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

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

package/dist/runtime/composables/useBrickme.js

@@ -0,0 +1,15 @@
+import { computed } from "vue";
+import { useRuntimeConfig } from "nuxt/app";
+import { createBrickGreeting, toBrickClassName } from "@brickflow/utils";
+export const usebrickflow = () => {
+  const config = useRuntimeConfig();
+  const brickflowConfig = computed(
+    () => config.public.brickflowUi ?? {}
+  );
+  const target = computed(() => brickflowConfig.value.target ?? "world");
+  return {
+    target,
+    className: computed(() => `brick-demo--${toBrickClassName(target.value)}`),
+    message: computed(() => createBrickGreeting(target.value))
+  };
+};

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@brickflow/ui",
+  "version": "0.0.1",
+  "type": "module",
+  "description": "brickflow UI Nuxt module.",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/module.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/module.d.mts",
+      "import": "./dist/module.mjs"
+    }
+  },
+  "scripts": {
+    "build": "nuxt-module-build",
+    "typecheck": "vue-tsc --project tsconfig.json --noEmit",
+    "lint": "pnpm exec eslint .",
+    "lint:fix": "pnpm exec eslint . --fix",
+    "format": "pnpm exec prettier . --ignore-path ../../.prettierignore --write",
+    "format:check": "pnpm exec prettier . --ignore-path ../../.prettierignore --check"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@brickflow/utils": "workspace:*",
+    "@tailwindcss/vite": "^4.3.0",
+    "tailwindcss": "^4.3.0"
+  },
+  "devDependencies": {
+    "@brickflow/lint": "workspace:*",
+    "@brickflow/prettier": "workspace:*",
+    "@nuxt/kit": "^4.3.1",
+    "@nuxt/module-builder": "^1.0.1",
+    "nuxt": "^4.3.1",
+    "vue": "^3.5.13",
+    "vue-tsc": "^3.1.1"
+  },
+  "author": "",
+  "license": "ISC"
+}