@vibeflui/shadcn 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 VibeFlui contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# @vibeflui/shadcn
+
+Shadcn theme and adapter plugin foundation for VibeFlui / FluiKit.
+
+The foundation includes dark-aware status badges and switch fallback renderers while keeping full Shadcn component replacement in userland.
+
+```tsx
+import { FluiKit, FluiKitProvider } from "@vibeflui/core"
+import { shadcnPlugin } from "@vibeflui/shadcn"
+
+<FluiKitProvider plugins={[shadcnPlugin]}>
+  <FluiKit schema={schema} />
+</FluiKitProvider>
+```
+
+Use `theme.preset: "shadcn"` or `adapter: "shadcn"` in schema. Component-level Shadcn renderer replacement can be passed through `createShadcnPlugin({ renderers, components })`.

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import type { FluiKitPlugin, FluiKitRuntimeRegistry } from "@vibeflui/core";
+export { ShadcnStatusBadge, ShadcnSwitch } from "./renderers.js";
+export type CreateShadcnPluginOptions = {
+    name?: string;
+    version?: string;
+    renderers?: FluiKitRuntimeRegistry["renderers"];
+    components?: FluiKitRuntimeRegistry["components"];
+    fieldAdapters?: FluiKitRuntimeRegistry["fieldAdapters"];
+    messages?: Record<string, string>;
+};
+export declare function createShadcnPlugin(options?: CreateShadcnPluginOptions): FluiKitPlugin;
+export declare const shadcnPlugin: FluiKitPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAG3E,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAEhE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAA;IAC/C,UAAU,CAAC,EAAE,sBAAsB,CAAC,YAAY,CAAC,CAAA;IACjD,aAAa,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAA;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAClC,CAAA;AAED,wBAAgB,kBAAkB,CAAC,OAAO,GAAE,yBAA8B,GAAG,aAAa,CA8BzF;AAED,eAAO,MAAM,YAAY,eAAuB,CAAA"}

package/dist/index.js

@@ -0,0 +1,35 @@
+import { createFluiKitPlugin, fluiKitAdapterPresets, fluiKitThemePresets } from "@vibeflui/core";
+import { ShadcnStatusBadge, ShadcnSwitch } from "./renderers.js";
+export { ShadcnStatusBadge, ShadcnSwitch } from "./renderers.js";
+export function createShadcnPlugin(options = {}) {
+    return createFluiKitPlugin({
+        name: options.name ?? "@vibeflui/shadcn",
+        version: options.version ?? "1.0.0",
+        packageName: "@vibeflui/shadcn",
+        description: "Shadcn-compatible theme preset, renderers, and adapter metadata for FluiKit.",
+        compatibility: {
+            core: ">=1.0.0"
+        },
+        themes: {
+            shadcn: fluiKitThemePresets.shadcn
+        },
+        adapters: {
+            shadcn: fluiKitAdapterPresets.shadcn
+        },
+        renderers: {
+            StatusBadge: ShadcnStatusBadge,
+            ...options.renderers
+        },
+        components: options.components,
+        fieldAdapters: {
+            Switch: ShadcnSwitch,
+            ...options.fieldAdapters
+        },
+        messages: {
+            loadError: "Unable to load Shadcn data.",
+            submitError: "Unable to submit the Shadcn form.",
+            ...options.messages
+        }
+    });
+}
+export const shadcnPlugin = createShadcnPlugin();

package/dist/renderers.d.ts

@@ -0,0 +1,12 @@
+import type { FluiKitRuntimeComponentProps } from "@vibeflui/core";
+/**
+ * Shadcn-styled status badge. Use as a table cell or dashboard renderer:
+ * `{ key: "status", type: "custom", renderer: "StatusBadge" }`.
+ */
+export declare function ShadcnStatusBadge({ value }: FluiKitRuntimeComponentProps): import("react").JSX.Element;
+/**
+ * Shadcn-styled sliding toggle. Register as a field adapter and reference with
+ * `{ name: "active", type: "switch", adapter: "Switch" }`.
+ */
+export declare function ShadcnSwitch({ value, onChange, field }: FluiKitRuntimeComponentProps): import("react").JSX.Element;
+//# sourceMappingURL=renderers.d.ts.map

package/dist/renderers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../src/renderers.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,4BAA4B,EAAqB,MAAM,gBAAgB,CAAA;AAUrF;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,KAAK,EAAE,EAAE,4BAA4B,+BAaxE;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,4BAA4B,+BAoBpF"}

package/dist/renderers.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { resolveStatusTone } from "@vibeflui/core";
+const toneClassName = {
+    success: "bg-emerald-50 text-emerald-700 ring-emerald-600/20 dark:bg-emerald-500/15 dark:text-emerald-300 dark:ring-emerald-400/20",
+    warning: "bg-amber-50 text-amber-700 ring-amber-600/20 dark:bg-amber-500/15 dark:text-amber-300 dark:ring-amber-400/20",
+    danger: "bg-red-50 text-red-700 ring-red-600/20 dark:bg-red-500/15 dark:text-red-300 dark:ring-red-400/20",
+    info: "bg-blue-50 text-blue-700 ring-blue-600/20 dark:bg-blue-500/15 dark:text-blue-300 dark:ring-blue-400/20",
+    neutral: "bg-gray-100 text-gray-700 ring-gray-500/20 dark:bg-gray-800 dark:text-gray-300 dark:ring-gray-500/30"
+};
+/**
+ * Shadcn-styled status badge. Use as a table cell or dashboard renderer:
+ * `{ key: "status", type: "custom", renderer: "StatusBadge" }`.
+ */
+export function ShadcnStatusBadge({ value }) {
+    if (value === undefined || value === null || value === "") {
+        return _jsx("span", { className: "text-gray-400 dark:text-gray-500", children: "-" });
+    }
+    const label = typeof value === "boolean" ? (value ? "Yes" : "No") : String(value);
+    const tone = resolveStatusTone(value);
+    return (_jsx("span", { className: `inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize ring-1 ring-inset ${toneClassName[tone]}`, children: label }));
+}
+/**
+ * Shadcn-styled sliding toggle. Register as a field adapter and reference with
+ * `{ name: "active", type: "switch", adapter: "Switch" }`.
+ */
+export function ShadcnSwitch({ value, onChange, field }) {
+    const checked = Boolean(value);
+    const disabled = field?.disabled;
+    return (_jsx("button", { type: "button", role: "switch", "aria-checked": checked, disabled: disabled, onClick: () => onChange?.(!checked), className: `relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${checked ? "bg-blue-600" : "bg-gray-200 dark:bg-gray-700"}`, children: _jsx("span", { className: `inline-block h-5 w-5 transform rounded-full bg-white shadow transition-transform ${checked ? "translate-x-5" : "translate-x-0.5"}` }) }));
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@vibeflui/shadcn",
+  "version": "1.0.0",
+  "description": "Shadcn theme and adapter plugin for VibeFlui / FluiKit.",
+  "license": "MIT",
+  "author": {
+    "name": "heloconia",
+    "url": "https://github.com/heloconia"
+  },
+  "homepage": "https://github.com/heloconia/vibeflui#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/heloconia/vibeflui.git",
+    "directory": "packages/shadcn"
+  },
+  "bugs": {
+    "url": "https://github.com/heloconia/vibeflui/issues"
+  },
+  "funding": [
+    { "type": "ko-fi", "url": "https://ko-fi.com/heloconia" },
+    { "type": "trakteer", "url": "https://trakteer.id/heloconia" },
+    { "type": "saweria", "url": "https://saweria.co/heloconia" }
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.18.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "prepack": "test -f ../core/dist/index.d.ts || npm --prefix ../core run build && npm run build",
+    "typecheck": "tsc -p tsconfig.local.json --noEmit"
+  },
+  "keywords": [
+    "vibeflui",
+    "fluikit",
+    "form generator",
+    "table list generator",
+    "ui generator",
+    "json to ui",
+    "shadcn",
+    "tailwind",
+    "schema-driven"
+  ],
+  "peerDependencies": {
+    "@vibeflui/core": ">=1.0.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.4.5"
+  }
+}