@jotnar_dev/core 0.0.3

package/dist/Button.module.css

@@ -0,0 +1,16 @@
+/* Button.module.css — usa las variables de tokens.css */
+.button {
+  padding: var(--kamui-space-2) var(--kamui-space-4);
+  border-radius: var(--kamui-radius-md);
+  font-size: var(--kamui-font-size-md);
+  border: none;
+  cursor: pointer;
+}
+.primary {
+  background: var(--kamui-color-primary-500);
+  color: var(--kamui-color-white);
+}
+.secondary {
+  background: var(--kamui-color-gray-100);
+  color: var(--kamui-color-gray-900);
+}

package/dist/Input.module.css

@@ -0,0 +1,25 @@
+.input {
+  width: 100%;
+  padding: var(--kamui-space-2) var(--kamui-space-3);
+  font-size: var(--kamui-font-size-md);
+  color: var(--kamui-color-gray-900);
+  background-color: transparent;
+  border: 1px solid var(--kamui-color-gray-300);
+  border-radius: var(--kamui-radius-md);
+  outline: none;
+  transition:
+    border-color 0.2s ease,
+    box-shadow 0.2s ease;
+}
+
+.input:focus {
+  border-color: var(--kamui-color-primary-500);
+  box-shadow: 0 0 0 1px var(--kamui-color-primary-500);
+}
+
+.input:disabled {
+  background-color: var(--kamui-color-gray-100);
+  color: var(--kamui-color-gray-500);
+  border-color: var(--kamui-color-gray-300);
+  cursor: not-allowed;
+}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+import * as react from 'react';
+import react__default, { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+
+type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: 'primary' | 'secondary';
+};
+declare function Button({ variant, className, ...props }: ButtonProps): react.JSX.Element;
+
+type InputProps = InputHTMLAttributes<HTMLInputElement>;
+declare const Input: react__default.FC<InputProps>;
+
+export { Button, Input };

package/dist/index.js

@@ -0,0 +1,28 @@
+// src/components/Button/Button.tsx
+import styles from "./Button.module.css";
+import { jsx } from "react/jsx-runtime";
+function Button({
+  variant = "primary",
+  className = "",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      className: `${styles.button} ${styles[variant]} ${className}`.trim(),
+      ...props
+    }
+  );
+}
+
+// src/components/Input/Input.tsx
+import styles2 from "./Input.module.css";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Input = ({ className, ...props }) => {
+  return /* @__PURE__ */ jsx2("input", { className: `${styles2.input} ${className || ""}`.trim(), ...props });
+};
+export {
+  Button,
+  Input
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/Input/Input.tsx"],"sourcesContent":["import styles from './Button.module.css';\nimport type { ButtonHTMLAttributes } from 'react';\n\ntype ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  variant?: 'primary' | 'secondary';\n};\n\nexport function Button({\n  variant = 'primary',\n  className = '',\n  ...props\n}: ButtonProps) {\n  return (\n    <button\n      className={`${styles.button} ${styles[variant]} ${className}`.trim()}\n      {...props}\n    />\n  );\n}\n","import React, { InputHTMLAttributes } from 'react';\nimport styles from './Input.module.css';\n\nexport type InputProps = InputHTMLAttributes<HTMLInputElement>;\n\nexport const Input: React.FC<InputProps> = ({ className, ...props }) => {\n  return (\n    <input className={`${styles.input} ${className || ''}`.trim()} {...props} />\n  );\n};\n"],"mappings":";AAAA,OAAO,YAAY;AAaf;AANG,SAAS,OAAO;AAAA,EACrB,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,GAAG;AACL,GAAgB;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,OAAO,MAAM,IAAI,OAAO,OAAO,CAAC,IAAI,SAAS,GAAG,KAAK;AAAA,MAClE,GAAG;AAAA;AAAA,EACN;AAEJ;;;ACjBA,OAAOA,aAAY;AAMf,gBAAAC,YAAA;AAFG,IAAM,QAA8B,CAAC,EAAE,WAAW,GAAG,MAAM,MAAM;AACtE,SACE,gBAAAA,KAAC,WAAM,WAAW,GAAGD,QAAO,KAAK,IAAI,aAAa,EAAE,GAAG,KAAK,GAAI,GAAG,OAAO;AAE9E;","names":["styles","jsx"]}

package/dist/tokens/tokens.css

@@ -0,0 +1,27 @@
+:root {
+  --kamui-color-white: #ffffff;
+  --kamui-color-gray-100: #f5f5f5;
+  --kamui-color-gray-300: #d4d4d4;
+  --kamui-color-gray-500: #737373;
+  --kamui-color-gray-700: #404040;
+  --kamui-color-gray-900: #171717;
+  --kamui-color-primary-100: #e0e7ff;
+  --kamui-color-primary-300: #a5b4fc;
+  --kamui-color-primary-500: #6366f1;
+  --kamui-color-primary-700: #4338ca;
+  --kamui-color-primary-900: #312e81;
+  --kamui-space-1: 4px;
+  --kamui-space-2: 8px;
+  --kamui-space-3: 12px;
+  --kamui-space-4: 16px;
+  --kamui-space-6: 24px;
+  --kamui-space-8: 32px;
+  --kamui-font-size-sm: 14px;
+  --kamui-font-size-md: 16px;
+  --kamui-font-size-lg: 20px;
+  --kamui-font-size-xl: 24px;
+  --kamui-radius-sm: 4px;
+  --kamui-radius-md: 8px;
+  --kamui-radius-lg: 16px;
+  --kamui-radius-full: 9999px;
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@jotnar_dev/core",
+  "version": "0.0.3",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./tokens.css": "./dist/tokens/tokens.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "tokens:build": "tsx scripts/build-tokens.ts",
+    "build": "pnpm tokens:build && tsup && mkdir -p dist/tokens && cp src/components/*/*.module.css dist/ && cp src/tokens/tokens.css dist/tokens/",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . && pnpm lint:css",
+    "lint:css": "pnpm tokens:build && stylelint 'src/**/*.module.css'"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.18",
+    "react": "^19.2.8",
+    "stylelint": "17.14.1",
+    "stylelint-declaration-strict-value": "1.12.1",
+    "stylelint-value-no-unknown-custom-properties": "6.1.1",
+    "tsup": "^8.5.1"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  }
+}