@meith/plugin-kit 0.25.0 → 0.26.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/plugin-kit",
-  "version": "0.25.0",
+  "version": "0.26.0",
   "description": "The SDK for writing a Meith plugin: typed manifests, hooks, routes, pages and migrations.",
   "license": "MIT",
   "repository": {
@@ -20,8 +20,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@meith/core": "^0.25.0",
-    "@meith/theme-kit": "^0.25.0"
+    "@meith/core": "^0.26.0",
+    "@meith/theme-kit": "^0.26.0"
   },
   "peerDependencies": {
     "react": "^19.2.0"

package/src/hooks.ts

@@ -30,7 +30,7 @@
  * between the dev server, a serverless bundle and the worker.
  *
  * So ordering is **(priority, plugin key)**, both total and both declared: never
- * registration order, never the order `community.config.ts` happens to list plugins
+ * registration order, never the order `meith.config.ts` happens to list plugins
  * in, and never `Object.keys`. See `host.ts`.
  *
  * ## What is deliberately not here

package/src/index.ts

@@ -129,3 +129,4 @@ export {
   resolvePluginSettings,
   serialisePluginSetting,
 } from './settings'
+export { PLUGIN_CARD, PLUGIN_NOTE, PLUGIN_TAB_LIST, pluginTabClass } from './ui'

package/src/ui.ts

@@ -0,0 +1,17 @@
+export const PLUGIN_CARD =
+  'flex flex-col gap-3 rounded-lg border border-border bg-card p-4 text-card-foreground shadow-elevation'
+
+export const PLUGIN_NOTE =
+  'rounded-lg border border-border bg-card p-4 text-sm text-muted-foreground'
+
+export const PLUGIN_TAB_LIST =
+  'inline-flex max-w-full items-center gap-1 overflow-x-auto rounded-lg border border-border bg-surface p-1'
+
+const PLUGIN_TAB_BASE =
+  'inline-flex h-8 items-center gap-1.5 rounded-md px-3 text-sm whitespace-nowrap transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring'
+
+export function pluginTabClass(active: boolean): string {
+  return active
+    ? `${PLUGIN_TAB_BASE} bg-card font-semibold text-foreground shadow-sm`
+    : `${PLUGIN_TAB_BASE} font-medium text-muted-foreground hover:text-foreground`
+}