oasis-chat 0.0.1

package/README.md

@@ -0,0 +1,36 @@
+# Oasis Button (Vanilla JS)
+
+`createButton`을 제공하는 가벼운 바닐라 JS 버튼 컴포넌트입니다.
+
+## 설치
+
+```bash
+npm install oasis-chatting
+```
+
+## 사용 예시
+
+```js
+import { createButton } from 'oasis-chatting';
+
+const btn = createButton({
+  label: 'Hello 버튼',
+  onClick: () => alert('hello'),
+});
+
+document.body.appendChild(btn);
+```
+
+- Tailwind CSS를 사용하지 않아도 동작합니다. (클래스는 붙지만 스타일은 선택)
+ 
+
+## 개발/빌드
+
+```bash
+npm run dev           # 데모 앱 실행 (Vite)
+npm run build:lib     # 라이브러리 빌드 (dist 생성)
+```
+
+## 라이선스
+
+MIT

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("clsx");function i({label:n="클릭",className:o="",onClick:t}={}){const e=document.createElement("button");return e.type="button",e.className=c("inline-flex items-center justify-center rounded-md","bg-blue-600 text-white","px-4 py-2 text-sm font-medium","shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500","disabled:opacity-50 disabled:cursor-not-allowed",o),e.textContent=n,e.addEventListener("click",u=>{typeof t=="function"&&t(u)}),e}exports.createButton=i;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/components/Button.js"],"sourcesContent":["import clsx from \"clsx\";\n\nexport function createButton({ label = \"클릭\", className = \"\", onClick } = {}) {\n  const button = document.createElement(\"button\");\n  button.type = \"button\";\n  button.className = clsx(\n    \"inline-flex items-center justify-center rounded-md\",\n    \"bg-blue-600 text-white\",\n    \"px-4 py-2 text-sm font-medium\",\n    \"shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n    className\n  );\n  button.textContent = label;\n  button.addEventListener(\"click\", (e) => {\n    if (typeof onClick === \"function\") {\n      onClick(e);\n    }\n  });\n  return button;\n}\n"],"names":["createButton","label","className","onClick","button","clsx","e"],"mappings":"wGAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAYC,EACjB,qDACA,yBACA,gCACA,kFACA,kDACAH,CACJ,EACEE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUE,GAAM,CAClC,OAAOH,GAAY,YACrBA,EAAQG,CAAC,CAEb,CAAC,EACMF,CACT"}

package/dist/index.es.js

@@ -0,0 +1,18 @@
+import i from "clsx";
+function r({ label: n = "클릭", className: o = "", onClick: e } = {}) {
+  const t = document.createElement("button");
+  return t.type = "button", t.className = i(
+    "inline-flex items-center justify-center rounded-md",
+    "bg-blue-600 text-white",
+    "px-4 py-2 text-sm font-medium",
+    "shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500",
+    "disabled:opacity-50 disabled:cursor-not-allowed",
+    o
+  ), t.textContent = n, t.addEventListener("click", (u) => {
+    typeof e == "function" && e(u);
+  }), t;
+}
+export {
+  r as createButton
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/components/Button.js"],"sourcesContent":["import clsx from \"clsx\";\n\nexport function createButton({ label = \"클릭\", className = \"\", onClick } = {}) {\n  const button = document.createElement(\"button\");\n  button.type = \"button\";\n  button.className = clsx(\n    \"inline-flex items-center justify-center rounded-md\",\n    \"bg-blue-600 text-white\",\n    \"px-4 py-2 text-sm font-medium\",\n    \"shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n    className\n  );\n  button.textContent = label;\n  button.addEventListener(\"click\", (e) => {\n    if (typeof onClick === \"function\") {\n      onClick(e);\n    }\n  });\n  return button;\n}\n"],"names":["createButton","label","className","onClick","button","clsx","e"],"mappings":";AAEO,SAASA,EAAa,EAAE,OAAAC,IAAQ,MAAM,WAAAC,IAAY,IAAI,SAAAC,EAAO,IAAK,IAAI;AAC3E,QAAMC,IAAS,SAAS,cAAc,QAAQ;AAC9C,SAAAA,EAAO,OAAO,UACdA,EAAO,YAAYC;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACAH;AAAA,EACJ,GACEE,EAAO,cAAcH,GACrBG,EAAO,iBAAiB,SAAS,CAACE,MAAM;AACtC,IAAI,OAAOH,KAAY,cACrBA,EAAQG,CAAC;AAAA,EAEb,CAAC,GACMF;AACT;"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("clsx")):typeof define=="function"&&define.amd?define(["exports","clsx"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.OasisButton={},e.clsx))})(this,(function(e,t){"use strict";function i({label:u="클릭",className:s="",onClick:o}={}){const n=document.createElement("button");return n.type="button",n.className=t("inline-flex items-center justify-center rounded-md","bg-blue-600 text-white","px-4 py-2 text-sm font-medium","shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500","disabled:opacity-50 disabled:cursor-not-allowed",s),n.textContent=u,n.addEventListener("click",d=>{typeof o=="function"&&o(d)}),n}e.createButton=i,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/components/Button.js"],"sourcesContent":["import clsx from \"clsx\";\n\nexport function createButton({ label = \"클릭\", className = \"\", onClick } = {}) {\n  const button = document.createElement(\"button\");\n  button.type = \"button\";\n  button.className = clsx(\n    \"inline-flex items-center justify-center rounded-md\",\n    \"bg-blue-600 text-white\",\n    \"px-4 py-2 text-sm font-medium\",\n    \"shadow-sm hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500\",\n    \"disabled:opacity-50 disabled:cursor-not-allowed\",\n    className\n  );\n  button.textContent = label;\n  button.addEventListener(\"click\", (e) => {\n    if (typeof onClick === \"function\") {\n      onClick(e);\n    }\n  });\n  return button;\n}\n"],"names":["createButton","label","className","onClick","button","clsx","e"],"mappings":"oQAEO,SAASA,EAAa,CAAE,MAAAC,EAAQ,KAAM,UAAAC,EAAY,GAAI,QAAAC,CAAO,EAAK,GAAI,CAC3E,MAAMC,EAAS,SAAS,cAAc,QAAQ,EAC9C,OAAAA,EAAO,KAAO,SACdA,EAAO,UAAYC,EACjB,qDACA,yBACA,gCACA,kFACA,kDACAH,CACJ,EACEE,EAAO,YAAcH,EACrBG,EAAO,iBAAiB,QAAUE,GAAM,CAClC,OAAOH,GAAY,YACrBA,EAAQG,CAAC,CAEb,CAAC,EACMF,CACT"}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "oasis-chat",
+  "version": "0.0.1",
+  "description": "Vanilla JS button component with no runtime deps.",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "build:lib": "vite build --config vite.lib.config.js && cp src/index.d.ts dist/index.d.ts",
+    "preview": "vite preview",
+    "format": "prettier --write ."
+  },
+  "keywords": [],
+  "author": "",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.umd.js",
+  "jsdelivr": "./dist/index.umd.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    }
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.16",
+    "prettier": "^3.6.2",
+    "prettier-plugin-tailwindcss": "^0.7.1",
+    "tailwindcss": "^4.1.16",
+    "vite": "^7.1.12"
+  },
+  "peerDependencies": {},
+  "type": "module"
+}