@jameskabz/nextcraft-ui 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 STL Packages
+
+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,51 @@
+# Nextcraft UI
+
+Bold, crafted UI components for Next.js + Tailwind CSS.
+
+## Install
+
+```bash
+npm install @jameskabz/nextcraft-ui
+```
+
+## Usage
+
+```tsx
+import { CraftButton, GlassCard } from "@jameskabz/nextcraft-ui";
+
+export default function Example() {
+  return (
+    <GlassCard tone="aurora" className="max-w-md">
+      <h3 className="text-xl font-semibold">Nextcraft UI</h3>
+      <p className="mt-2 text-sm text-white/80">
+        Crafted components with a bold, modern edge.
+      </p>
+      <CraftButton className="mt-6">Launch</CraftButton>
+    </GlassCard>
+  );
+}
+```
+
+## Tailwind setup
+
+This library ships class names only. Make sure Tailwind scans your node_modules
+for the package so the classes are generated:
+
+```ts
+// tailwind.config.ts
+export default {
+  content: [
+    "./src/**/*.{ts,tsx}",
+    "./node_modules/@jameskabz/nextcraft-ui/dist/**/*.{js,mjs}"
+  ]
+};
+```
+
+## Scripts
+
+- `npm run build` builds the library with `tsup`.
+- `npm run typecheck` runs TypeScript checks.
+
+## License
+
+MIT

package/dist/index.cjs

@@ -0,0 +1,145 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CraftButton: () => CraftButton,
+  CraftInput: () => CraftInput,
+  GlassCard: () => GlassCard
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils/cn.ts
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+
+// src/components/craft-button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var sizeClasses = {
+  sm: "h-9 px-3 text-xs",
+  md: "h-11 px-4 text-sm",
+  lg: "h-12 px-5 text-base"
+};
+var variantClasses = {
+  solid: "bg-[radial-gradient(120%_120%_at_10%_10%,_#D4FF7B_0%,_#79F2C0_35%,_#0EA5E9_100%)] text-slate-950 shadow-[0_10px_30px_-12px_rgba(14,165,233,0.6)] hover:brightness-105",
+  ghost: "bg-white/5 text-white hover:bg-white/10 border border-white/10",
+  outline: "bg-transparent text-white border border-sky-300/40 hover:border-sky-200/60"
+};
+function CraftButton({
+  className,
+  variant = "solid",
+  size = "md",
+  glow = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      className: cn(
+        "relative inline-flex items-center justify-center gap-2 rounded-full font-semibold tracking-wide transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-300/80",
+        sizeClasses[size],
+        variantClasses[variant],
+        glow && variant === "solid" ? "before:absolute before:-inset-0.5 before:rounded-full before:bg-sky-400/40 before:blur-lg before:-z-10" : "",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/glass-card.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var toneClasses = {
+  aurora: "from-emerald-300/20 via-sky-300/10 to-indigo-400/20 border-emerald-200/20",
+  ember: "from-amber-300/20 via-rose-300/10 to-fuchsia-400/20 border-amber-200/20",
+  ocean: "from-sky-300/20 via-cyan-300/10 to-blue-400/20 border-sky-200/20"
+};
+function GlassCard({
+  className,
+  tone = "aurora",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-2xl border bg-linear-to-br p-6 text-white shadow-[0_25px_70px_-45px_rgba(15,23,42,0.9)]",
+        "backdrop-blur-xl",
+        toneClasses[tone],
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/craft-input.tsx
+var React = __toESM(require("react"), 1);
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var toneClasses2 = {
+  aurora: "border-emerald-200/30 focus:border-emerald-200/60 focus:ring-emerald-300/40",
+  ember: "border-amber-200/30 focus:border-amber-200/60 focus:ring-amber-300/40",
+  ocean: "border-sky-200/30 focus:border-sky-200/60 focus:ring-sky-300/40"
+};
+var sizeClasses2 = {
+  sm: "h-9 px-3 text-sm",
+  md: "h-11 px-4 text-sm",
+  lg: "h-12 px-4 text-base"
+};
+var CraftInput = React.forwardRef(
+  ({ className, tone = "aurora", inputSize = "md", glow = true, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "input",
+      {
+        ref,
+        className: cn(
+          "w-full rounded-full border bg-white/5 text-white placeholder:text-white/40",
+          "shadow-[inset_0_0_0_1px_rgba(15,23,42,0.05)]",
+          "focus:outline-none focus:ring-2",
+          "transition",
+          sizeClasses2[inputSize],
+          toneClasses2[tone],
+          glow ? "shadow-[0_20px_50px_-35px_rgba(56,189,248,0.7)]" : "",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CraftInput.displayName = "CraftInput";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CraftButton,
+  CraftInput,
+  GlassCard
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/utils/cn.ts","../src/components/craft-button.tsx","../src/components/glass-card.tsx","../src/components/craft-input.tsx"],"sourcesContent":["export { CraftButton } from \"./components/craft-button\";\nexport type { CraftButtonProps } from \"./components/craft-button\";\n\nexport { GlassCard } from \"./components/glass-card\";\nexport type { GlassCardProps } from \"./components/glass-card\";\n\nexport { CraftInput } from \"./components/craft-input\";\nexport type { CraftInputProps } from \"./components/craft-input\";\n","export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\ntype CraftButtonVariant = \"solid\" | \"ghost\" | \"outline\";\ntype CraftButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: CraftButtonVariant;\n  size?: CraftButtonSize;\n  glow?: boolean;\n};\n\nconst sizeClasses: Record<CraftButtonSize, string> = {\n  sm: \"h-9 px-3 text-xs\",\n  md: \"h-11 px-4 text-sm\",\n  lg: \"h-12 px-5 text-base\",\n};\n\nconst variantClasses: Record<CraftButtonVariant, string> = {\n  solid:\n    \"bg-[radial-gradient(120%_120%_at_10%_10%,_#D4FF7B_0%,_#79F2C0_35%,_#0EA5E9_100%)] text-slate-950 shadow-[0_10px_30px_-12px_rgba(14,165,233,0.6)] hover:brightness-105\",\n  ghost:\n    \"bg-white/5 text-white hover:bg-white/10 border border-white/10\",\n  outline:\n    \"bg-transparent text-white border border-sky-300/40 hover:border-sky-200/60\",\n};\n\nexport function CraftButton({\n  className,\n  variant = \"solid\",\n  size = \"md\",\n  glow = true,\n  ...props\n}: CraftButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-full font-semibold tracking-wide transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-300/80\",\n        sizeClasses[size],\n        variantClasses[variant],\n        glow && variant === \"solid\"\n          ? \"before:absolute before:-inset-0.5 before:rounded-full before:bg-sky-400/40 before:blur-lg before:-z-10\"\n          : \"\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nexport type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: \"aurora\" | \"ember\" | \"ocean\";\n};\n\nconst toneClasses: Record<NonNullable<GlassCardProps[\"tone\"]>, string> = {\n  aurora:\n    \"from-emerald-300/20 via-sky-300/10 to-indigo-400/20 border-emerald-200/20\",\n  ember: \"from-amber-300/20 via-rose-300/10 to-fuchsia-400/20 border-amber-200/20\",\n  ocean: \"from-sky-300/20 via-cyan-300/10 to-blue-400/20 border-sky-200/20\",\n};\n\nexport function GlassCard({\n  className,\n  tone = \"aurora\",\n  ...props\n}: GlassCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-2xl border bg-linear-to-br p-6 text-white shadow-[0_25px_70px_-45px_rgba(15,23,42,0.9)]\",\n        \"backdrop-blur-xl\",\n        toneClasses[tone],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\ntype CraftInputTone = \"aurora\" | \"ember\" | \"ocean\";\ntype CraftInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> & {\n  tone?: CraftInputTone;\n  inputSize?: CraftInputSize;\n  glow?: boolean;\n};\n\nconst toneClasses: Record<CraftInputTone, string> = {\n  aurora:\n    \"border-emerald-200/30 focus:border-emerald-200/60 focus:ring-emerald-300/40\",\n  ember:\n    \"border-amber-200/30 focus:border-amber-200/60 focus:ring-amber-300/40\",\n  ocean: \"border-sky-200/30 focus:border-sky-200/60 focus:ring-sky-300/40\",\n};\n\nconst sizeClasses: Record<CraftInputSize, string> = {\n  sm: \"h-9 px-3 text-sm\",\n  md: \"h-11 px-4 text-sm\",\n  lg: \"h-12 px-4 text-base\",\n};\n\nexport const CraftInput = React.forwardRef<HTMLInputElement, CraftInputProps>(\n  (\n    { className, tone = \"aurora\", inputSize = \"md\", glow = true, ...props },\n    ref\n  ) => {\n    return (\n      <input\n        ref={ref}\n        className={cn(\n          \"w-full rounded-full border bg-white/5 text-white placeholder:text-white/40\",\n          \"shadow-[inset_0_0_0_1px_rgba(15,23,42,0.05)]\",\n          \"focus:outline-none focus:ring-2\",\n          \"transition\",\n          sizeClasses[inputSize],\n          toneClasses[tone],\n          glow ? \"shadow-[0_20px_50px_-35px_rgba(56,189,248,0.7)]\" : \"\",\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nCraftInput.displayName = \"CraftInput\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,MAAM,QAA0D;AAC9E,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;;;ACkCI;AAvBJ,IAAM,cAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,iBAAqD;AAAA,EACzD,OACE;AAAA,EACF,OACE;AAAA,EACF,SACE;AACJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB,eAAe,OAAO;AAAA,QACtB,QAAQ,YAAY,UAChB,2GACA;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC5BI,IAAAA,sBAAA;AAbJ,IAAM,cAAmE;AAAA,EACvE,QACE;AAAA,EACF,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC/BA,YAAuB;AAoCjB,IAAAC,sBAAA;AApBN,IAAMC,eAA8C;AAAA,EAClD,QACE;AAAA,EACF,OACE;AAAA,EACF,OAAO;AACT;AAEA,IAAMC,eAA8C;AAAA,EAClD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,aAAmB;AAAA,EAC9B,CACE,EAAE,WAAW,OAAO,UAAU,YAAY,MAAM,OAAO,MAAM,GAAG,MAAM,GACtE,QACG;AACH,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAA,aAAY,SAAS;AAAA,UACrBD,aAAY,IAAI;AAAA,UAChB,OAAO,oDAAoD;AAAA,UAC3D;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":["import_jsx_runtime","import_jsx_runtime","toneClasses","sizeClasses"]}

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CraftButtonVariant = "solid" | "ghost" | "outline";
+type CraftButtonSize = "sm" | "md" | "lg";
+type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: CraftButtonVariant;
+    size?: CraftButtonSize;
+    glow?: boolean;
+};
+declare function CraftButton({ className, variant, size, glow, ...props }: CraftButtonProps): react_jsx_runtime.JSX.Element;
+
+type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: "aurora" | "ember" | "ocean";
+};
+declare function GlassCard({ className, tone, ...props }: GlassCardProps): react_jsx_runtime.JSX.Element;
+
+type CraftInputTone = "aurora" | "ember" | "ocean";
+type CraftInputSize = "sm" | "md" | "lg";
+type CraftInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: CraftInputTone;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+};
+declare const CraftInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: CraftInputTone;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftButton, type CraftButtonProps, CraftInput, type CraftInputProps, GlassCard, type GlassCardProps };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+type CraftButtonVariant = "solid" | "ghost" | "outline";
+type CraftButtonSize = "sm" | "md" | "lg";
+type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: CraftButtonVariant;
+    size?: CraftButtonSize;
+    glow?: boolean;
+};
+declare function CraftButton({ className, variant, size, glow, ...props }: CraftButtonProps): react_jsx_runtime.JSX.Element;
+
+type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {
+    tone?: "aurora" | "ember" | "ocean";
+};
+declare function GlassCard({ className, tone, ...props }: GlassCardProps): react_jsx_runtime.JSX.Element;
+
+type CraftInputTone = "aurora" | "ember" | "ocean";
+type CraftInputSize = "sm" | "md" | "lg";
+type CraftInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: CraftInputTone;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+};
+declare const CraftInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    tone?: CraftInputTone;
+    inputSize?: CraftInputSize;
+    glow?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { CraftButton, type CraftButtonProps, CraftInput, type CraftInputProps, GlassCard, type GlassCardProps };

package/dist/index.js

@@ -0,0 +1,106 @@
+// src/utils/cn.ts
+function cn(...values) {
+  return values.filter(Boolean).join(" ");
+}
+
+// src/components/craft-button.tsx
+import { jsx } from "react/jsx-runtime";
+var sizeClasses = {
+  sm: "h-9 px-3 text-xs",
+  md: "h-11 px-4 text-sm",
+  lg: "h-12 px-5 text-base"
+};
+var variantClasses = {
+  solid: "bg-[radial-gradient(120%_120%_at_10%_10%,_#D4FF7B_0%,_#79F2C0_35%,_#0EA5E9_100%)] text-slate-950 shadow-[0_10px_30px_-12px_rgba(14,165,233,0.6)] hover:brightness-105",
+  ghost: "bg-white/5 text-white hover:bg-white/10 border border-white/10",
+  outline: "bg-transparent text-white border border-sky-300/40 hover:border-sky-200/60"
+};
+function CraftButton({
+  className,
+  variant = "solid",
+  size = "md",
+  glow = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: cn(
+        "relative inline-flex items-center justify-center gap-2 rounded-full font-semibold tracking-wide transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-300/80",
+        sizeClasses[size],
+        variantClasses[variant],
+        glow && variant === "solid" ? "before:absolute before:-inset-0.5 before:rounded-full before:bg-sky-400/40 before:blur-lg before:-z-10" : "",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/glass-card.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var toneClasses = {
+  aurora: "from-emerald-300/20 via-sky-300/10 to-indigo-400/20 border-emerald-200/20",
+  ember: "from-amber-300/20 via-rose-300/10 to-fuchsia-400/20 border-amber-200/20",
+  ocean: "from-sky-300/20 via-cyan-300/10 to-blue-400/20 border-sky-200/20"
+};
+function GlassCard({
+  className,
+  tone = "aurora",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx2(
+    "div",
+    {
+      className: cn(
+        "relative overflow-hidden rounded-2xl border bg-linear-to-br p-6 text-white shadow-[0_25px_70px_-45px_rgba(15,23,42,0.9)]",
+        "backdrop-blur-xl",
+        toneClasses[tone],
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/craft-input.tsx
+import * as React from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var toneClasses2 = {
+  aurora: "border-emerald-200/30 focus:border-emerald-200/60 focus:ring-emerald-300/40",
+  ember: "border-amber-200/30 focus:border-amber-200/60 focus:ring-amber-300/40",
+  ocean: "border-sky-200/30 focus:border-sky-200/60 focus:ring-sky-300/40"
+};
+var sizeClasses2 = {
+  sm: "h-9 px-3 text-sm",
+  md: "h-11 px-4 text-sm",
+  lg: "h-12 px-4 text-base"
+};
+var CraftInput = React.forwardRef(
+  ({ className, tone = "aurora", inputSize = "md", glow = true, ...props }, ref) => {
+    return /* @__PURE__ */ jsx3(
+      "input",
+      {
+        ref,
+        className: cn(
+          "w-full rounded-full border bg-white/5 text-white placeholder:text-white/40",
+          "shadow-[inset_0_0_0_1px_rgba(15,23,42,0.05)]",
+          "focus:outline-none focus:ring-2",
+          "transition",
+          sizeClasses2[inputSize],
+          toneClasses2[tone],
+          glow ? "shadow-[0_20px_50px_-35px_rgba(56,189,248,0.7)]" : "",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CraftInput.displayName = "CraftInput";
+export {
+  CraftButton,
+  CraftInput,
+  GlassCard
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/cn.ts","../src/components/craft-button.tsx","../src/components/glass-card.tsx","../src/components/craft-input.tsx"],"sourcesContent":["export function cn(...values: Array<string | false | null | undefined>): string {\n  return values.filter(Boolean).join(\" \");\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\ntype CraftButtonVariant = \"solid\" | \"ghost\" | \"outline\";\ntype CraftButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: CraftButtonVariant;\n  size?: CraftButtonSize;\n  glow?: boolean;\n};\n\nconst sizeClasses: Record<CraftButtonSize, string> = {\n  sm: \"h-9 px-3 text-xs\",\n  md: \"h-11 px-4 text-sm\",\n  lg: \"h-12 px-5 text-base\",\n};\n\nconst variantClasses: Record<CraftButtonVariant, string> = {\n  solid:\n    \"bg-[radial-gradient(120%_120%_at_10%_10%,_#D4FF7B_0%,_#79F2C0_35%,_#0EA5E9_100%)] text-slate-950 shadow-[0_10px_30px_-12px_rgba(14,165,233,0.6)] hover:brightness-105\",\n  ghost:\n    \"bg-white/5 text-white hover:bg-white/10 border border-white/10\",\n  outline:\n    \"bg-transparent text-white border border-sky-300/40 hover:border-sky-200/60\",\n};\n\nexport function CraftButton({\n  className,\n  variant = \"solid\",\n  size = \"md\",\n  glow = true,\n  ...props\n}: CraftButtonProps) {\n  return (\n    <button\n      className={cn(\n        \"relative inline-flex items-center justify-center gap-2 rounded-full font-semibold tracking-wide transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sky-300/80\",\n        sizeClasses[size],\n        variantClasses[variant],\n        glow && variant === \"solid\"\n          ? \"before:absolute before:-inset-0.5 before:rounded-full before:bg-sky-400/40 before:blur-lg before:-z-10\"\n          : \"\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\nexport type GlassCardProps = React.HTMLAttributes<HTMLDivElement> & {\n  tone?: \"aurora\" | \"ember\" | \"ocean\";\n};\n\nconst toneClasses: Record<NonNullable<GlassCardProps[\"tone\"]>, string> = {\n  aurora:\n    \"from-emerald-300/20 via-sky-300/10 to-indigo-400/20 border-emerald-200/20\",\n  ember: \"from-amber-300/20 via-rose-300/10 to-fuchsia-400/20 border-amber-200/20\",\n  ocean: \"from-sky-300/20 via-cyan-300/10 to-blue-400/20 border-sky-200/20\",\n};\n\nexport function GlassCard({\n  className,\n  tone = \"aurora\",\n  ...props\n}: GlassCardProps) {\n  return (\n    <div\n      className={cn(\n        \"relative overflow-hidden rounded-2xl border bg-linear-to-br p-6 text-white shadow-[0_25px_70px_-45px_rgba(15,23,42,0.9)]\",\n        \"backdrop-blur-xl\",\n        toneClasses[tone],\n        className\n      )}\n      {...props}\n    />\n  );\n}\n","import * as React from \"react\";\n\nimport { cn } from \"../utils/cn\";\n\ntype CraftInputTone = \"aurora\" | \"ember\" | \"ocean\";\ntype CraftInputSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CraftInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"size\"\n> & {\n  tone?: CraftInputTone;\n  inputSize?: CraftInputSize;\n  glow?: boolean;\n};\n\nconst toneClasses: Record<CraftInputTone, string> = {\n  aurora:\n    \"border-emerald-200/30 focus:border-emerald-200/60 focus:ring-emerald-300/40\",\n  ember:\n    \"border-amber-200/30 focus:border-amber-200/60 focus:ring-amber-300/40\",\n  ocean: \"border-sky-200/30 focus:border-sky-200/60 focus:ring-sky-300/40\",\n};\n\nconst sizeClasses: Record<CraftInputSize, string> = {\n  sm: \"h-9 px-3 text-sm\",\n  md: \"h-11 px-4 text-sm\",\n  lg: \"h-12 px-4 text-base\",\n};\n\nexport const CraftInput = React.forwardRef<HTMLInputElement, CraftInputProps>(\n  (\n    { className, tone = \"aurora\", inputSize = \"md\", glow = true, ...props },\n    ref\n  ) => {\n    return (\n      <input\n        ref={ref}\n        className={cn(\n          \"w-full rounded-full border bg-white/5 text-white placeholder:text-white/40\",\n          \"shadow-[inset_0_0_0_1px_rgba(15,23,42,0.05)]\",\n          \"focus:outline-none focus:ring-2\",\n          \"transition\",\n          sizeClasses[inputSize],\n          toneClasses[tone],\n          glow ? \"shadow-[0_20px_50px_-35px_rgba(56,189,248,0.7)]\" : \"\",\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\n\nCraftInput.displayName = \"CraftInput\";\n"],"mappings":";AAAO,SAAS,MAAM,QAA0D;AAC9E,SAAO,OAAO,OAAO,OAAO,EAAE,KAAK,GAAG;AACxC;;;ACkCI;AAvBJ,IAAM,cAA+C;AAAA,EACnD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,IAAM,iBAAqD;AAAA,EACzD,OACE;AAAA,EACF,OACE;AAAA,EACF,SACE;AACJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,YAAY,IAAI;AAAA,QAChB,eAAe,OAAO;AAAA,QACtB,QAAQ,YAAY,UAChB,2GACA;AAAA,QACJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC5BI,gBAAAA,YAAA;AAbJ,IAAM,cAAmE;AAAA,EACvE,QACE;AAAA,EACF,OAAO;AAAA,EACP,OAAO;AACT;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAmB;AACjB,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,YAAY,IAAI;AAAA,QAChB;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;;;AC/BA,YAAY,WAAW;AAoCjB,gBAAAC,YAAA;AApBN,IAAMC,eAA8C;AAAA,EAClD,QACE;AAAA,EACF,OACE;AAAA,EACF,OAAO;AACT;AAEA,IAAMC,eAA8C;AAAA,EAClD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,aAAmB;AAAA,EAC9B,CACE,EAAE,WAAW,OAAO,UAAU,YAAY,MAAM,OAAO,MAAM,GAAG,MAAM,GACtE,QACG;AACH,WACE,gBAAAF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACAE,aAAY,SAAS;AAAA,UACrBD,aAAY,IAAI;AAAA,UAChB,OAAO,oDAAoD;AAAA,UAC3D;AAAA,QACF;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,WAAW,cAAc;","names":["jsx","jsx","toneClasses","sizeClasses"]}

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@jameskabz/nextcraft-ui",
+  "version": "0.1.1",
+  "description": "Next.js + Tailwind UI components with a bold, crafted aesthetic.",
+  "private": false,
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/James-Kabz/nextcraft-ui.git"
+  },
+  "homepage": "https://github.com/James-Kabz/nextcraft-ui#readme",
+  "bugs": {
+    "url": "https://github.com/James-Kabz/nextcraft-ui/issues"
+  },
+  "type": "module",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "lint": "eslint .",
+    "typecheck": "tsc -p tsconfig.lib.json --noEmit",
+    "test:unit:run": "echo \"No unit tests specified\"",
+    "test:coverage": "echo \"No coverage configured\""
+  },
+  "peerDependencies": {
+    "next": "^16.1.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^4"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "babel-plugin-react-compiler": "1.0.0",
+    "eslint": "^9",
+    "eslint-config-next": "16.1.4",
+    "next": "16.1.4",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "tailwindcss": "^4",
+    "tsup": "^8.5.0",
+    "typescript": "^5"
+  }
+}