@orangecheck/app-design 0.6.1 → 1.1.0

package/dist/tools-DFIxIj5p.d.mts

@@ -0,0 +1,131 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { Network } from './format.mjs';
+
+declare function ArtifactView({ content, title, filename, mime, defaultView, maxLines, className, }: {
+    content: string;
+    title?: ReactNode;
+    filename?: string;
+    mime?: string;
+    defaultView?: 'formatted' | 'raw';
+    maxLines?: number;
+    className?: string;
+}): react.JSX.Element;
+interface ChosenFile {
+    name: string;
+    size: number;
+    type?: string;
+}
+declare function DropZone({ onFile, onText, accept, title, hint, privacy, file, progress, progressLabel, onClear, error, disabled, className, }: {
+    onFile: (file: File) => void;
+    onText?: (text: string) => void;
+    accept?: string;
+    title?: ReactNode;
+    hint?: ReactNode;
+    privacy?: ReactNode;
+    file?: ChosenFile | null;
+    progress?: number | null;
+    progressLabel?: ReactNode;
+    onClear?: () => void;
+    error?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+}): react.JSX.Element;
+type SectionStatus = 'done' | 'current' | 'upcoming' | 'blocked';
+declare function FormSection({ n, title, hint, status, action, as: Heading, id, children, className, }: {
+    n?: number;
+    title: ReactNode;
+    hint?: ReactNode;
+    status?: SectionStatus;
+    action?: ReactNode;
+    as?: 'h2' | 'h3';
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+}): react.JSX.Element;
+type StateTone = 'good' | 'attention' | 'bad' | 'neutral' | 'quiet';
+declare function StateBadge({ tone, children, title, className, }: {
+    tone?: StateTone;
+    children: ReactNode;
+    title?: string;
+    className?: string;
+}): react.JSX.Element;
+interface StateDef {
+    label: string;
+    tone: StateTone;
+    hint?: string;
+}
+declare function createStateBadge<S extends string>(states: Record<S, StateDef>): ({ state, className }: {
+    state: S;
+    className?: string;
+}) => react.JSX.Element;
+declare function BlockHeight({ height, label, link, network, className, }: {
+    height: number;
+    label?: boolean;
+    link?: boolean;
+    network?: Network;
+    className?: string;
+}): react.JSX.Element;
+type AnchorState = 'anchored' | 'pending' | 'unverified' | 'none' | 'fail';
+declare function AnchorStatus({ state, blockHeight, blockTime, submittedAt, calendar, message, network, variant, className, }: {
+    state: AnchorState;
+    blockHeight?: number;
+    blockTime?: number | Date | string;
+    submittedAt?: number | Date | string;
+    calendar?: string;
+    message?: ReactNode;
+    network?: Network;
+    variant?: 'detail' | 'badge';
+    className?: string;
+}): react.JSX.Element;
+declare function BlockCountdown({ target, tip, from, reached, minutesPerBlock, network, className, }: {
+    target: number;
+    tip?: number | null;
+    from?: number;
+    reached?: string;
+    minutesPerBlock?: number;
+    network?: Network;
+    className?: string;
+}): react.JSX.Element;
+declare function Meter({ value, max, ghost, label, figure, tone, size, className, }: {
+    value: number;
+    max: number;
+    ghost?: number;
+    label: ReactNode;
+    figure?: ReactNode;
+    tone?: 'ink' | 'brand';
+    size?: 'md' | 'sm';
+    className?: string;
+}): react.JSX.Element;
+interface FilterOption<T extends string> {
+    value: T;
+    label: ReactNode;
+    count?: number;
+}
+declare function FilterChips<T extends string>({ options, value, onChange, label, className, }: {
+    options: FilterOption<T>[];
+    label: string;
+    className?: string;
+} & ({
+    multiple?: false;
+    value: NoInfer<T>;
+    onChange: (v: NoInfer<T>) => void;
+} | {
+    multiple: true;
+    value: NoInfer<T>[];
+    onChange: (v: NoInfer<T>[]) => void;
+})): react.JSX.Element;
+interface ToolItem {
+    href: string;
+    label: string;
+    icon?: ReactNode;
+    description?: ReactNode;
+    active?: boolean;
+}
+declare function ToolGrid({ tools, as: Heading, className, }: {
+    tools: readonly ToolItem[];
+    as?: 'h2' | 'h3';
+    className?: string;
+}): react.JSX.Element;
+
+export { type AnchorState as A, BlockCountdown as B, type ChosenFile as C, DropZone as D, FilterChips as F, Meter as M, type SectionStatus as S, ToolGrid as T, AnchorStatus as a, ArtifactView as b, BlockHeight as c, type FilterOption as d, FormSection as e, StateBadge as f, type StateDef as g, type StateTone as h, type ToolItem as i, createStateBadge as j };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangecheck/app-design",
-  "version": "0.6.1",
+  "version": "1.1.0",
   "description": "The ochk.app design system: tokens, type, the isometric check, halftone photography, primitives and app chrome. Its own system, scoped under data-oc-app=\"ochk\" so it never reaches the .ochk.io family sites.",
   "keywords": [
     "orangecheck",
@@ -55,6 +55,31 @@
       "import": "./dist/chrome.mjs",
       "require": "./dist/chrome.js"
     },
+    "./family": {
+      "types": "./dist/family.d.ts",
+      "import": "./dist/family.mjs",
+      "require": "./dist/family.js"
+    },
+    "./code": {
+      "types": "./dist/code.d.ts",
+      "import": "./dist/code.mjs",
+      "require": "./dist/code.js"
+    },
+    "./format": {
+      "types": "./dist/format.d.ts",
+      "import": "./dist/format.mjs",
+      "require": "./dist/format.js"
+    },
+    "./mdx": {
+      "types": "./dist/mdx.d.ts",
+      "import": "./dist/mdx.mjs",
+      "require": "./dist/mdx.js"
+    },
+    "./session": {
+      "types": "./dist/session.d.ts",
+      "import": "./dist/session.mjs",
+      "require": "./dist/session.js"
+    },
     "./styles.css": "./dist/styles.css",
     "./styles/*": "./dist/styles/*"
   },
@@ -66,7 +91,7 @@
   "scripts": {
     "build": "tsup && yarn copy:css",
     "copy:css": "rm -rf dist/styles && mkdir -p dist/styles && cp src/styles.css dist/styles.css && cp -R src/styles/. dist/styles/",
-    "test": "node scripts/check-contrast.mjs && node scripts/check-isolation.mjs && node scripts/check-shell.mjs",
+    "test": "node scripts/check-contrast.mjs && node scripts/check-isolation.mjs && node scripts/check-shell.mjs && node scripts/check-mirror.mjs && node scripts/check-code.mjs && node scripts/check-entries.mjs && node scripts/check-render.mjs",
     "dev": "tsup --watch",
     "type-check": "tsc --noEmit",
     "clean": "rm -rf dist"
@@ -89,20 +114,31 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "qrcode": "^1.5.4",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1"
   },
   "peerDependencies": {
+    "@orangecheck/auth-client": "^2.32.0",
     "lucide-react": ">=0.400.0",
     "next": "^15.0.0 || ^16.0.0",
     "next-themes": "^0.4.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "@orangecheck/auth-client": {
+      "optional": true
+    }
+  },
   "devDependencies": {
+    "@orangecheck/auth-client": "^2.32.3",
+    "@orangecheck/auth-core": "^2.5.0",
+    "@types/qrcode": "^1.5.5",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
     "lucide-react": "^0.544.0",
+    "mermaid": "^11.14.0",
     "next": "^16.3.8",
     "next-themes": "^0.4.6",
     "react": "19.1.0",