@azmr/ui 0.1.0 → 0.3.0

package/dist/variants-De0c0ucO.d.ts

@@ -0,0 +1,60 @@
+/**
+ * The type scale: every variant's semantic element and its classes, in one place. Colours are
+ * tokens only. Classes are spelled out in full so the Tailwind scanner finds them in `dist`.
+ */
+declare const typographyVariants: {
+    readonly h1: {
+        readonly element: "h1";
+        readonly classes: "scroll-m-20 text-4xl font-bold tracking-tight text-foreground";
+    };
+    readonly h2: {
+        readonly element: "h2";
+        readonly classes: "scroll-m-20 text-3xl font-semibold tracking-tight text-foreground";
+    };
+    readonly h3: {
+        readonly element: "h3";
+        readonly classes: "scroll-m-20 text-2xl font-semibold tracking-tight text-foreground";
+    };
+    readonly h4: {
+        readonly element: "h4";
+        readonly classes: "scroll-m-20 text-xl font-semibold tracking-tight text-foreground";
+    };
+    readonly h5: {
+        readonly element: "h5";
+        readonly classes: "scroll-m-20 text-lg font-semibold text-foreground";
+    };
+    readonly h6: {
+        readonly element: "h6";
+        readonly classes: "scroll-m-20 text-base font-semibold text-foreground";
+    };
+    readonly lead: {
+        readonly element: "p";
+        readonly classes: "text-lg text-muted-foreground";
+    };
+    readonly body: {
+        readonly element: "p";
+        readonly classes: "text-base";
+    };
+    readonly small: {
+        readonly element: "p";
+        readonly classes: "text-sm";
+    };
+    readonly caption: {
+        readonly element: "span";
+        readonly classes: "text-xs text-muted-foreground";
+    };
+    readonly overline: {
+        readonly element: "span";
+        readonly classes: "text-xs font-medium uppercase tracking-wider text-muted-foreground";
+    };
+};
+type TypographyVariant = keyof typeof typographyVariants;
+declare const ALIGN_CLASSES: {
+    readonly left: "text-left";
+    readonly center: "text-center";
+    readonly right: "text-right";
+    readonly justify: "text-justify";
+};
+type TypographyAlign = keyof typeof ALIGN_CLASSES;
+
+export { type TypographyVariant as T, type TypographyAlign as a, typographyVariants as t };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azmr/ui",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "React UI components wired to reactive Signals — Grid, useSignal",
   "type": "module",
   "license": "MIT",
@@ -8,7 +8,7 @@
   "homepage": "https://docs.azmara.io",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/azmara-labs/azmara-platform.git",
+    "url": "git+https://github.com/azmara-labs/platform.git",
     "directory": "packages/ui"
   },
   "keywords": [
@@ -30,36 +30,202 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks.d.ts",
+      "import": "./dist/hooks.js"
+    },
+    "./lib": {
+      "types": "./dist/lib.d.ts",
+      "import": "./dist/lib.js"
+    },
+    "./react": {
+      "types": "./dist/react.d.ts",
+      "import": "./dist/react.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "import": "./dist/button.js"
+    },
+    "./input": {
+      "types": "./dist/input.d.ts",
+      "import": "./dist/input.js"
+    },
+    "./spinner": {
+      "types": "./dist/spinner.d.ts",
+      "import": "./dist/spinner.js"
+    },
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "import": "./dist/icons.js"
+    },
+    "./icons/lucide": {
+      "types": "./dist/icons/lucide.d.ts",
+      "import": "./dist/icons/lucide.js"
+    },
+    "./icons/mui-map": {
+      "types": "./dist/icons/mui-map.d.ts",
+      "import": "./dist/icons/mui-map.js"
+    },
+    "./typography": {
+      "types": "./dist/typography.d.ts",
+      "import": "./dist/typography.js"
+    },
+    "./typography/mui-map": {
+      "types": "./dist/typography/mui-map.d.ts",
+      "import": "./dist/typography/mui-map.js"
+    },
+    "./layout": {
+      "types": "./dist/layout.d.ts",
+      "import": "./dist/layout.js"
+    },
+    "./layout/mui-map": {
+      "types": "./dist/layout/mui-map.d.ts",
+      "import": "./dist/layout/mui-map.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/scroll-area.d.ts",
+      "import": "./dist/scroll-area.js"
+    },
+    "./display": {
+      "types": "./dist/display.d.ts",
+      "import": "./dist/display.js"
+    },
+    "./progress": {
+      "types": "./dist/progress.d.ts",
+      "import": "./dist/progress.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "import": "./dist/avatar.js"
+    },
+    "./disclosure": {
+      "types": "./dist/disclosure.d.ts",
+      "import": "./dist/disclosure.js"
+    },
+    "./floating": {
+      "types": "./dist/floating.d.ts",
+      "import": "./dist/floating.js"
+    },
+    "./modal": {
+      "types": "./dist/modal.d.ts",
+      "import": "./dist/modal.js"
+    },
+    "./menu": {
+      "types": "./dist/menu.d.ts",
+      "import": "./dist/menu.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle.d.ts",
+      "import": "./dist/toggle.js"
+    },
+    "./split-button": {
+      "types": "./dist/split-button.d.ts",
+      "import": "./dist/split-button.js"
+    },
+    "./table": {
+      "types": "./dist/table.d.ts",
+      "import": "./dist/table.js"
+    },
+    "./breadcrumb": {
+      "types": "./dist/breadcrumb.d.ts",
+      "import": "./dist/breadcrumb.js"
+    },
+    "./pagination": {
+      "types": "./dist/pagination.d.ts",
+      "import": "./dist/pagination.js"
+    },
+    "./stepper": {
+      "types": "./dist/stepper.d.ts",
+      "import": "./dist/stepper.js"
+    },
+    "./transition": {
+      "types": "./dist/transition.d.ts",
+      "import": "./dist/transition.js"
+    },
+    "./presets": {
+      "types": "./dist/presets.d.ts",
+      "import": "./dist/presets.js"
+    },
+    "./motion": {
+      "types": "./dist/motion.d.ts",
+      "import": "./dist/motion.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tokens.css": "./dist/tokens.css"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "dependencies": {
-    "@azmr/core": "0.0.2"
+    "@base-ui/react": "^1.9.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^1.57.0",
+    "tailwind-merge": "^3.7.0"
   },
   "peerDependencies": {
+    "@azmr/core": ">=0.0.2 <1.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "motion": "^14.0.0"
   },
   "devDependencies": {
+    "@mui/icons-material": "^9.5.0",
+    "@size-limit/preset-small-lib": "^14.2.0",
+    "@tabler/icons-react": "^3.49.0",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/culori": "^4.0.1",
+    "@types/node": "^26.1.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "@vitest/browser": "^4.1.10",
+    "axe-core": "^4.14.0",
+    "culori": "^4.0.2",
+    "esbuild": "^0.28.1",
     "jsdom": "^29.1.1",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "motion": "^14.2.0",
+    "postcss": "^8.5.30",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.90.0",
+    "shadcn": "4.21.4",
+    "size-limit": "^14.2.0",
+    "tailwindcss": "^4.3.3",
     "tsup": "^8.5.1",
     "typescript": "^5.7.3",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.11",
+    "@azmr/core": "0.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
+  "peerDependenciesMeta": {
+    "motion": {
+      "optional": true
+    }
+  },
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean",
-    "dev": "tsup src/index.ts --format esm --dts --watch",
+    "build": "node scripts/clean.mjs && tsup && node scripts/copy-css.mjs && node scripts/verify-dist.mjs",
+    "dev": "tsup --watch --onSuccess \"node scripts/copy-css.mjs\"",
     "check-types": "tsc --noEmit",
     "test": "vitest run",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "size": "size-limit && node scripts/check-css-size.mjs",
+    "verify:consumer": "node scripts/verify-consumer.mjs",
+    "build:registry": "node scripts/build-registry.mjs",
+    "verify:registry": "node scripts/verify-registry.mjs"
   }
 }