@jonmilner/ui 0.0.0-stage → 0.1.1

package/dist/tokens/scales.mjs

@@ -0,0 +1,103 @@
+//#region src/tokens/scales.ts
+var e = (e) => `${e / 16}rem`, t = Object.fromEntries([
+	0,
+	1,
+	2,
+	4,
+	6,
+	8,
+	12,
+	16,
+	20,
+	24,
+	32,
+	40,
+	48,
+	64,
+	80,
+	96
+].map((t) => [String(t), e(t)])), n = {
+	xs: e(24),
+	sm: e(32),
+	med: e(40),
+	lg: e(48),
+	xl: e(56)
+}, r = {
+	prose: e(640),
+	page: e(1024),
+	wide: e(1280)
+}, i = {
+	none: "0",
+	sm: e(4),
+	med: e(8),
+	lg: e(12),
+	xl: e(16),
+	full: "9999px"
+}, a = {
+	xs: e(12),
+	sm: e(14),
+	med: e(16),
+	lg: e(18),
+	xl: e(20),
+	"2xl": e(24),
+	"3xl": e(30),
+	"4xl": e(36)
+}, o = {
+	regular: "400",
+	medium: "500",
+	semibold: "600",
+	bold: "700"
+}, s = {
+	sm: "1.25",
+	med: "1.5",
+	lg: "1.75"
+}, c = {
+	base: "0",
+	raised: "1",
+	dropdown: "1000",
+	sticky: "1100",
+	overlay: "1200",
+	modal: "1300",
+	popover: "1400",
+	toast: "1500",
+	tooltip: "1600"
+}, l = {
+	fast: "120ms",
+	med: "200ms",
+	slow: "320ms"
+}, u = {
+	standard: "cubic-bezier(0.2, 0, 0, 1)",
+	enter: "cubic-bezier(0, 0, 0, 1)",
+	exit: "cubic-bezier(0.3, 0, 1, 1)"
+}, d = {
+	sm: e(4),
+	med: e(8),
+	lg: e(16)
+}, f = {
+	sm: "0.02",
+	med: "0.05",
+	lg: "0.1"
+}, p = (e) => `color-mix(in srgb, var(--color-shadow) ${e}%, transparent)`, m = {
+	sm: `0 1px 2px ${p(12)}`,
+	med: `0 2px 8px ${p(14)}, 0 1px 2px ${p(8)}`,
+	lg: `0 8px 24px ${p(16)}, 0 2px 6px ${p(8)}`
+}, h = "0 0 0 1px color-mix(in srgb, var(--color-fg) 10%, transparent)";
+`${h}${p(40)}`, `${h}${p(48)}${p(32)}`, `${h}${p(56)}${p(32)}`, l.fast, l.fast, l.fast;
+var g = {
+	space: t,
+	size: n,
+	container: r,
+	radius: i,
+	fontSize: a,
+	fontWeight: o,
+	lineHeight: s,
+	zIndex: c,
+	duration: l,
+	easing: u,
+	distance: d,
+	scale: f,
+	dir: "1",
+	shadow: m
+};
+//#endregion
+export { r as container, d as distance, l as duration, u as easing, a as fontSize, o as fontWeight, s as lineHeight, i as radius, f as scale, m as shadow, n as size, t as space, g as tokens, c as zIndex };

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithRef, ElementType } from "react";
+//#region src/types.d.ts
+export type OmitEach<P, K extends PropertyKey> = P extends unknown ? Omit<P, K> : never;
+export type PolymorphicProps<T extends ElementType, Own = object, Omitted extends PropertyKey = never> = {
+  as?: T;
+} & Own & OmitEach<ComponentPropsWithRef<T>, "as" | keyof Own | Omitted>;
+//#endregion

package/package.json

@@ -1,6 +1,162 @@
 {
   "name": "@jonmilner/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "files": [
+    "dist",
+    "THIRD_PARTY_NOTICES.md"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
+    },
+    "./Badge": {
+      "types": "./dist/Badge/index.d.mts",
+      "default": "./dist/Badge/index.mjs"
+    },
+    "./Box": {
+      "types": "./dist/Box/index.d.mts",
+      "default": "./dist/Box/index.mjs"
+    },
+    "./Button": {
+      "types": "./dist/Button/index.d.mts",
+      "default": "./dist/Button/index.mjs"
+    },
+    "./IconButton": {
+      "types": "./dist/IconButton/index.d.mts",
+      "default": "./dist/IconButton/index.mjs"
+    },
+    "./Checkbox": {
+      "types": "./dist/Checkbox/index.d.mts",
+      "default": "./dist/Checkbox/index.mjs"
+    },
+    "./Chip": {
+      "types": "./dist/Chip/index.d.mts",
+      "default": "./dist/Chip/index.mjs"
+    },
+    "./Clickable": {
+      "types": "./dist/Clickable/index.d.mts",
+      "default": "./dist/Clickable/index.mjs"
+    },
+    "./Field": {
+      "types": "./dist/Field/index.d.mts",
+      "default": "./dist/Field/index.mjs"
+    },
+    "./Heading": {
+      "types": "./dist/Heading/index.d.mts",
+      "default": "./dist/Heading/index.mjs"
+    },
+    "./Icon": {
+      "types": "./dist/Icon/index.d.mts",
+      "default": "./dist/Icon/index.mjs"
+    },
+    "./Text": {
+      "types": "./dist/Text/index.d.mts",
+      "default": "./dist/Text/index.mjs"
+    },
+    "./Inline": {
+      "types": "./dist/Inline/index.d.mts",
+      "default": "./dist/Inline/index.mjs"
+    },
+    "./AlertDialog": {
+      "types": "./dist/AlertDialog/index.d.mts",
+      "default": "./dist/AlertDialog/index.mjs"
+    },
+    "./Toast": {
+      "types": "./dist/Toast/index.d.mts",
+      "default": "./dist/Toast/index.mjs"
+    },
+    "./Dialog": {
+      "types": "./dist/Dialog/index.d.mts",
+      "default": "./dist/Dialog/index.mjs"
+    },
+    "./Menu": {
+      "types": "./dist/Menu/index.d.mts",
+      "default": "./dist/Menu/index.mjs"
+    },
+    "./MultiSelect": {
+      "types": "./dist/MultiSelect/index.d.mts",
+      "default": "./dist/MultiSelect/index.mjs"
+    },
+    "./SearchField": {
+      "types": "./dist/SearchField/index.d.mts",
+      "default": "./dist/SearchField/index.mjs"
+    },
+    "./Stack": {
+      "types": "./dist/Stack/index.d.mts",
+      "default": "./dist/Stack/index.mjs"
+    },
+    "./Tabs": {
+      "types": "./dist/Tabs/index.d.mts",
+      "default": "./dist/Tabs/index.mjs"
+    },
+    "./Tag": {
+      "types": "./dist/Tag/index.d.mts",
+      "default": "./dist/Tag/index.mjs"
+    },
+    "./icons": {
+      "types": "./dist/icons/index.d.mts",
+      "default": "./dist/icons/index.mjs"
+    },
+    "./tokens": {
+      "types": "./dist/tokens/index.d.mts",
+      "default": "./dist/tokens/index.mjs"
+    },
+    "./brands": {
+      "types": "./dist/brands/index.d.mts",
+      "default": "./dist/brands/index.mjs"
+    },
+    "./testing": {
+      "types": "./dist/testing/index.d.mts",
+      "default": "./dist/testing/index.mjs"
+    },
+    "./base.css": "./dist/base.css",
+    "./docs/*": "./dist/docs/*"
+  },
+  "dependencies": {
+    "@vanilla-extract/recipes": "0.5.7",
+    "@vanilla-extract/sprinkles": "1.7.1"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "0.18.5",
+    "@base-ui/react": "1.9.0",
+    "@capsizecss/core": "4.1.3",
+    "@capsizecss/metrics": "4.4.0",
+    "@size-limit/file": "14.2.0",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vanilla-extract/css": "1.21.3",
+    "@vanilla-extract/vite-plugin": "5.2.6",
+    "ajv": "8.20.0",
+    "lucide-static": "1.61.0",
+    "playwright": "1.64.1",
+    "publint": "0.3.25",
+    "react": "19.3.1",
+    "react-dom": "19.3.1",
+    "size-limit": "14.2.0",
+    "svgo": "4.1.0"
+  },
+  "peerDependencies": {
+    "@base-ui/react": "^1.9.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1"
+  },
+  "scripts": {
+    "build": "node scripts/icons.ts --check && vp build && vp pack && cp -R docs dist/ && node scripts/docs.ts",
+    "icons": "node scripts/icons.ts",
+    "icons:add": "node scripts/icons.ts add",
+    "icons:sync": "node scripts/icons.ts sync",
+    "lint": "vp lint",
+    "typecheck": "tsc -p tsconfig.json",
+    "test": "playwright install --only-shell chromium && vp test run",
+    "metrics": "node scripts/import-styles.ts",
+    "size": "size-limit",
+    "size:history": "node scripts/size-history.ts",
+    "check:publint": "publint --strict",
+    "check:attw": "attw --pack . --profile esm-only --exclude-entrypoints ./base.css"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.