@meith/plugin-kit 0.25.0 → 0.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meith/plugin-kit",
-  "version": "0.25.0",
+  "version": "0.25.1",
   "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.25.1",
+    "@meith/theme-kit": "^0.25.1"
   },
   "peerDependencies": {
     "react": "^19.2.0"

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`
+}