@openwarelabs/ui 0.0.0-stage → 0.1.1

package/dist/utils/brand.d.cts

@@ -0,0 +1,30 @@
+import type { CSSProperties } from "react";
+/** The eleven steps of a brand scale, as in --ow-brand-50 … --ow-brand-950. */
+export declare const brandSteps: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+export type BrandStep = (typeof brandSteps)[number];
+export type BrandScale = Record<BrandStep, string>;
+export interface BrandPreset {
+    id: string;
+    name: string;
+    scale: BrandScale;
+}
+/**
+ * Builds the eleven brand steps from one colour: its hue and colourfulness on Openware's lightness curve.
+ * The steps keep midnight's contrast in both themes, so your exact colour may land a little lighter or
+ * darker than given. A grey gives a neutral scale.
+ *
+ * `brandScale("#0d9488")` → `{ 50: "#ebf7f6", …, 600: "#00595a", …, 950: "#001414" }`
+ */
+export declare function brandScale(color: string): BrandScale;
+/** A colour or a scale as the --ow-brand-* custom properties, for a `style` prop or `element.style`. */
+export declare function brandVariables(brand: string | BrandScale): CSSProperties;
+/** A colour or a scale as CSS to paste into a stylesheet. */
+export declare function brandCss(brand: string | BrandScale, selector?: string): string;
+/**
+ * Rebrands everything inside `element` (the whole page by default) by setting the --ow-brand-* properties on
+ * it. Pass `null` to go back to midnight. Elements with their own data-theme set their own brand steps, so
+ * give those the same properties, or use brandCss with `:root, [data-theme]` in a stylesheet.
+ */
+export declare function applyBrand(brand: string | BrandScale | null, element?: HTMLElement): void;
+/** Seven ready-made scales, each checked for contrast in both themes. Midnight is the default. */
+export declare const brandPresets: BrandPreset[];

package/dist/utils/brand.d.ts

@@ -0,0 +1,30 @@
+import type { CSSProperties } from "react";
+/** The eleven steps of a brand scale, as in --ow-brand-50 … --ow-brand-950. */
+export declare const brandSteps: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
+export type BrandStep = (typeof brandSteps)[number];
+export type BrandScale = Record<BrandStep, string>;
+export interface BrandPreset {
+    id: string;
+    name: string;
+    scale: BrandScale;
+}
+/**
+ * Builds the eleven brand steps from one colour: its hue and colourfulness on Openware's lightness curve.
+ * The steps keep midnight's contrast in both themes, so your exact colour may land a little lighter or
+ * darker than given. A grey gives a neutral scale.
+ *
+ * `brandScale("#0d9488")` → `{ 50: "#ebf7f6", …, 600: "#00595a", …, 950: "#001414" }`
+ */
+export declare function brandScale(color: string): BrandScale;
+/** A colour or a scale as the --ow-brand-* custom properties, for a `style` prop or `element.style`. */
+export declare function brandVariables(brand: string | BrandScale): CSSProperties;
+/** A colour or a scale as CSS to paste into a stylesheet. */
+export declare function brandCss(brand: string | BrandScale, selector?: string): string;
+/**
+ * Rebrands everything inside `element` (the whole page by default) by setting the --ow-brand-* properties on
+ * it. Pass `null` to go back to midnight. Elements with their own data-theme set their own brand steps, so
+ * give those the same properties, or use brandCss with `:root, [data-theme]` in a stylesheet.
+ */
+export declare function applyBrand(brand: string | BrandScale | null, element?: HTMLElement): void;
+/** Seven ready-made scales, each checked for contrast in both themes. Midnight is the default. */
+export declare const brandPresets: BrandPreset[];

package/dist/utils/copyText.d.cts

@@ -0,0 +1,2 @@
+/** Copies text to the clipboard, falling back to a hidden textarea where the Clipboard API is refused. */
+export declare function copyText(text: string): Promise<boolean>;

package/dist/utils/copyText.d.ts

@@ -0,0 +1,2 @@
+/** Copies text to the clipboard, falling back to a hidden textarea where the Clipboard API is refused. */
+export declare function copyText(text: string): Promise<boolean>;

package/dist/utils/cx.d.cts

@@ -0,0 +1,4 @@
+type ClassValue = string | false | null | undefined | Record<string, boolean | undefined>;
+/** Joins class names, skipping falsy ones; an object adds each key whose value is true. */
+export declare function cx(...values: ClassValue[]): string;
+export {};

package/dist/utils/cx.d.ts

@@ -0,0 +1,4 @@
+type ClassValue = string | false | null | undefined | Record<string, boolean | undefined>;
+/** Joins class names, skipping falsy ones; an object adds each key whose value is true. */
+export declare function cx(...values: ClassValue[]): string;
+export {};

package/dist/utils/resizeTextArea.d.cts

@@ -0,0 +1,2 @@
+/** Grows a textarea to fit its text, up to its CSS max-height, then scrolls. */
+export declare function resizeTextArea(textArea: HTMLTextAreaElement): void;

package/dist/utils/resizeTextArea.d.ts

@@ -0,0 +1,2 @@
+/** Grows a textarea to fit its text, up to its CSS max-height, then scrolls. */
+export declare function resizeTextArea(textArea: HTMLTextAreaElement): void;

package/dist/utils/text.d.cts

@@ -0,0 +1,4 @@
+/** "Alex Silver" → "AS", "alex" → "A". Empty input returns "". */
+export declare function getInitials(name: string): string;
+/** "⌘N" → "Meta+N", "Ctrl+O" → "Control+O", for aria-keyshortcuts. */
+export declare function toAriaShortcut(shortcut: string): string;

package/dist/utils/text.d.ts

@@ -0,0 +1,4 @@
+/** "Alex Silver" → "AS", "alex" → "A". Empty input returns "". */
+export declare function getInitials(name: string): string;
+/** "⌘N" → "Meta+N", "Ctrl+O" → "Control+O", for aria-keyshortcuts. */
+export declare function toAriaShortcut(shortcut: string): string;

package/package.json

@@ -1,6 +1,85 @@
 {
   "name": "@openwarelabs/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.1.1",
+  "description": "Openware UI: React components and design tokens — midnight and brass, tactile buttons and Inter, in light and dark.",
+  "license": "MIT",
+  "author": "Alexander Silver",
+  "homepage": "https://github.com/openwarelabs/ui#readme",
+  "bugs": {
+    "url": "https://github.com/openwarelabs/ui/issues"
+  },
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./fonts.css": "./dist/fonts.css",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./tokens.json": "./dist/tokens.json",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "node scripts/docs.mjs dev",
+    "build": "node scripts/build-tokens.mjs && node scripts/build.mjs && tsc -p tsconfig.build.json && node scripts/build-types.mjs",
+    "docs:build": "node scripts/docs.mjs build",
+    "tokens": "node scripts/build-tokens.mjs",
+    "typecheck": "tsc --noEmit && tsc -p docs/tsconfig.json",
+    "contrast": "node scripts/check-contrast.mjs",
+    "blocks:check": "node scripts/check-blocks.mjs",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm run typecheck"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@fontsource-variable/geist-mono": "^5.3.0",
+    "@fontsource-variable/inter": "^5.3.0",
+    "react-colorful": "5.6.1",
+    "sonner": "^2.0.8"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "culori": "^4.0.1",
+    "esbuild": "^0.25.0",
+    "lucide-react": "^1.48.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "shiki": "^4.4.3",
+    "typescript": "^5.6.3"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/openwarelabs/ui"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "design-tokens"
+  ]
+}