@almanaclabs/blaze-ui 0.1.0

package/README.md

@@ -0,0 +1,27 @@
+# `@almanaclabs/blaze-ui`
+
+Shared React components and semantic design tokens for Blaze.
+
+## Install
+
+Configure the `@almanaclabs` scope for GitHub Packages and install an explicit version:
+
+```sh
+npm install @almanaclabs/blaze-ui@0.1.0
+```
+
+## Tailwind 4 setup
+
+Import the package styles and explicitly register the built package as a Tailwind source. The `@source` path is relative to your application's CSS entrypoint:
+
+```css
+@import 'tailwindcss';
+@import '@almanaclabs/blaze-ui/styles.css';
+@source '../../../node_modules/@almanaclabs/blaze-ui/dist';
+```
+
+Then import components from the public package entrypoint:
+
+```tsx
+import { Button } from '@almanaclabs/blaze-ui'
+```

package/dist/components/button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonProps = React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+};
+export declare function Button({ className, variant, size, asChild, ...props }: ButtonProps): React.JSX.Element;
+export { buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,cAAc;;;8EA6BnB,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GACtD,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAEH,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,qBAUb;AAED,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/card.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export declare function Card({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+export declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
+//# sourceMappingURL=card.d.ts.map

package/dist/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,wBAAgB,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWxE;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7B"}

package/dist/components/input.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+export type InputProps = React.ComponentProps<'input'>;
+export declare function Input({ className, type, ...props }: InputProps): React.JSX.Element;
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;AAEtD,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAc9D"}

package/dist/components/label.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+export type LabelProps = React.ComponentProps<typeof LabelPrimitive.Root>;
+export declare function Label({ className, ...props }: LabelProps): React.JSX.Element;
+//# sourceMappingURL=label.d.ts.map

package/dist/components/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAA;AAEzE,wBAAgB,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAWxD"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { Button, buttonVariants, type ButtonProps } from './components/button';
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from './components/card';
+export { Input, type InputProps } from './components/input';
+export { Label, type LabelProps } from './components/label';
+export { cn } from './lib/utils';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EACL,IAAI,EACJ,UAAU,EACV,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}

package/dist/index.js

@@ -0,0 +1,118 @@
+import "react";
+import { Slot as e } from "@radix-ui/react-slot";
+import { cva as t } from "class-variance-authority";
+import { clsx as n } from "clsx";
+import { twMerge as r } from "tailwind-merge";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-label";
+//#region src/lib/utils.ts
+function o(...e) {
+	return r(n(e));
+}
+//#endregion
+//#region src/components/button.tsx
+var s = t("inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors outline-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*=\"size-\"])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+			destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function c({ className: t, variant: n, size: r, asChild: a = !1, ...c }) {
+	return /* @__PURE__ */ i(a ? e : "button", {
+		"data-slot": "button",
+		className: o(s({
+			variant: n,
+			size: r,
+			className: t
+		})),
+		...c
+	});
+}
+//#endregion
+//#region src/components/card.tsx
+function l({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card",
+		className: o("flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm", e),
+		...t
+	});
+}
+function u({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-header",
+		className: o("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", e),
+		...t
+	});
+}
+function d({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-title",
+		className: o("leading-none font-semibold", e),
+		...t
+	});
+}
+function f({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-description",
+		className: o("text-sm text-muted-foreground", e),
+		...t
+	});
+}
+function p({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-action",
+		className: o("col-start-2 row-span-2 row-start-1 self-start justify-self-end", e),
+		...t
+	});
+}
+function m({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-content",
+		className: o("px-6", e),
+		...t
+	});
+}
+function h({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "card-footer",
+		className: o("flex items-center px-6 [.border-t]:pt-6", e),
+		...t
+	});
+}
+//#endregion
+//#region src/components/input.tsx
+function g({ className: e, type: t, ...n }) {
+	return /* @__PURE__ */ i("input", {
+		type: t,
+		"data-slot": "input",
+		className: o("flex h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30", "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50", "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40", e),
+		...n
+	});
+}
+//#endregion
+//#region src/components/label.tsx
+function _({ className: e, ...t }) {
+	return /* @__PURE__ */ i(a.Root, {
+		"data-slot": "label",
+		className: o("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+		...t
+	});
+}
+//#endregion
+export { c as Button, l as Card, p as CardAction, m as CardContent, f as CardDescription, h as CardFooter, u as CardHeader, d as CardTitle, g as Input, _ as Label, s as buttonVariants, o as cn };

package/dist/lib/utils.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAG5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@almanaclabs/blaze-ui",
+  "version": "0.1.0",
+  "description": "Shared React components and design tokens for Blaze",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "src/styles",
+    "README.md"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./src/styles/globals.css"
+  },
+  "publishConfig": {
+    "access": "restricted",
+    "registry": "https://npm.pkg.github.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/almanaclabs/blaze-ui.git"
+  },
+  "engines": {
+    "node": ">=24"
+  },
+  "scripts": {
+    "build": "vite build",
+    "build:watch": "vite build --watch"
+  },
+  "peerDependencies": {
+    "react": ">=19.2.0 <20",
+    "react-dom": ">=19.2.0 <20",
+    "tailwindcss": ">=4.3.0 <5"
+  },
+  "dependencies": {
+    "@radix-ui/react-label": "2.1.15",
+    "@radix-ui/react-slot": "1.3.3",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "lucide-react": "1.31.0",
+    "tailwind-merge": "3.6.0"
+  }
+}

package/src/styles/globals.css

@@ -0,0 +1,78 @@
+@custom-variant dark (&:where(.dark, .dark *));
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.7 0.19 48);
+  --primary-foreground: oklch(0.15 0.03 48);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.7 0.19 48);
+  --radius: 0.625rem;
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.76 0.18 55);
+  --primary-foreground: oklch(0.16 0.03 48);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.76 0.18 55);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+* {
+  border-color: var(--border);
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+}