kaff-components 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,11 @@
+declare const Button: (label: string, variant?: "primary" | "danger") => HTMLButtonElement;
+
+declare const Input: (placeholder: string) => HTMLInputElement;
+
+declare const Card: (title: string, content: string) => HTMLDivElement;
+
+declare const Alert: (message: string) => HTMLDivElement;
+
+declare const Badge: (text: string) => HTMLSpanElement;
+
+export { Alert, Badge, Button, Card, Input };

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+declare const Button: (label: string, variant?: "primary" | "danger") => HTMLButtonElement;
+
+declare const Input: (placeholder: string) => HTMLInputElement;
+
+declare const Card: (title: string, content: string) => HTMLDivElement;
+
+declare const Alert: (message: string) => HTMLDivElement;
+
+declare const Badge: (text: string) => HTMLSpanElement;
+
+export { Alert, Badge, Button, Card, Input };

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var n=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var i=(r,e)=>{for(var t in e)n(r,t,{get:e[t],enumerable:!0})},c=(r,e,t,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of p(e))!l.call(r,o)&&o!==t&&n(r,o,{get:()=>e[o],enumerable:!(s=d(e,o))||s.enumerable});return r};var x=r=>c(n({},"__esModule",{value:!0}),r);var m={};i(m,{Alert:()=>b,Badge:()=>g,Button:()=>a,Card:()=>u,Input:()=>y});module.exports=x(m);var a=(r,e="primary")=>{let t=document.createElement("button");return t.innerText=r,t.style.padding="10px 20px",t.style.borderRadius="8px",t.style.border="none",t.style.cursor="pointer",t.style.fontWeight="600",t.style.backgroundColor=e==="primary"?"#007bff":"#dc3545",t.style.color="white",t};var y=r=>{let e=document.createElement("input");return e.placeholder=r,e.style.padding="10px",e.style.border="1px solid #ccc",e.style.borderRadius="5px",e.style.width="100%",e};var u=(r,e)=>{let t=document.createElement("div");return t.style.padding="20px",t.style.border="1px solid #eee",t.style.borderRadius="12px",t.style.boxShadow="0 4px 6px rgba(0,0,0,0.1)",t.innerHTML=`<h3>${r}</h3><p>${e}</p>`,t};var b=r=>{let e=document.createElement("div");return e.innerText=r,e.style.padding="15px",e.style.backgroundColor="#fff3cd",e.style.color="#856404",e.style.border="1px solid #ffeeba",e.style.borderRadius="4px",e};var g=r=>{let e=document.createElement("span");return e.innerText=r,e.style.padding="4px 8px",e.style.backgroundColor="#e2e3e5",e.style.fontSize="12px",e.style.borderRadius="20px",e};0&&(module.exports={Alert,Badge,Button,Card,Input});

package/dist/index.mjs

@@ -0,0 +1 @@
+var o=(r,e="primary")=>{let t=document.createElement("button");return t.innerText=r,t.style.padding="10px 20px",t.style.borderRadius="8px",t.style.border="none",t.style.cursor="pointer",t.style.fontWeight="600",t.style.backgroundColor=e==="primary"?"#007bff":"#dc3545",t.style.color="white",t};var s=r=>{let e=document.createElement("input");return e.placeholder=r,e.style.padding="10px",e.style.border="1px solid #ccc",e.style.borderRadius="5px",e.style.width="100%",e};var p=(r,e)=>{let t=document.createElement("div");return t.style.padding="20px",t.style.border="1px solid #eee",t.style.borderRadius="12px",t.style.boxShadow="0 4px 6px rgba(0,0,0,0.1)",t.innerHTML=`<h3>${r}</h3><p>${e}</p>`,t};var i=r=>{let e=document.createElement("div");return e.innerText=r,e.style.padding="15px",e.style.backgroundColor="#fff3cd",e.style.color="#856404",e.style.border="1px solid #ffeeba",e.style.borderRadius="4px",e};var x=r=>{let e=document.createElement("span");return e.innerText=r,e.style.padding="4px 8px",e.style.backgroundColor="#e2e3e5",e.style.fontSize="12px",e.style.borderRadius="20px",e};export{i as Alert,x as Badge,o as Button,p as Card,s as Input};

package/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "kaff-components", 
+  "version": "1.0.0",
+  "description": "Design System Library berbasis JavaScript menggunakan Tsup",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "keywords": ["design-system", "stikom-banyuwangi", "ui-components"],
+  "author": "Muhammad Fillah Arridho",
+  "license": "ISC",
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
+  }
+}