@t-apps/ui 0.1.0 → 0.1.1

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/style.css"],"sourcesContent":[":root {\n  --fg: #0B1220;\n\n  --bg-1: #FFFFFF;\n  --bg-2: #EEF3FF;\n  --bg-3: #D9E4FF;\n\n  --component-bg: #F5F8FF;\n  --component-fg: var(--fg);\n  --component-bg-hover: #EAF0FF;\n\n  --accent: #2D6BFF;\n  --accent-hover: #1E4FD6;\n\n  --muted: #5B6B86;\n\n  --border: #D7E1F5;\n}\n\n@media (prefers-color-scheme: dark) {\n  :root {\n    --fg: #EAF0FF;\n\n    --bg-1: #070D1A;\n    --bg-2: #0C1528;\n    --bg-3: #121F3A;\n\n    --component-bg: #0F1B33;\n    --component-fg: var(--fg);\n    --component-bg-hover: #16264A;\n\n    --accent: #4A8CFF;\n    --accent-hover: #6AA3FF;\n\n    --muted: #93A4C7;\n\n    --border: #1F2E4D;\n  }\n}\n\nbody { \n  background: var(--bg-1); \n  color: var(--fg); \n  font-family: Arial, Helvetica, sans-serif; \n} \n\n.t-component { \n  display: block; \n  width: fit-content; \n  background-color: var(--component-bg); \n  color: var(--component-fg); \n  padding: 4px 10px; \n  border: var(--border) 2px solid; \n  border-radius: 4px; \n  outline: none; \n} \n\n.t-button { \n  user-select: none; \n  cursor: pointer; \n} \n\n.t-button:hover { \n  background-color: var(--component-bg-hover); \n} \n\n.t-button:active { \n  background-color: var(--component-bg); \n}\n\n.t-navbar {\n  display: flex;\n  position: relative;\n  width: 100%;\n  height: 60px;\n  background-color: var(--bg-2);\n  align-items: center;\n  padding: 4px;\n  box-sizing: border-box;\n  gap: 4px;\n}\n\n.t-center {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.t-end {\n  margin-left: auto;\n}"],"mappings":";AAAA;AACE,QAAM;AAEN,UAAQ;AACR,UAAQ;AACR,UAAQ;AAER,kBAAgB;AAChB,kBAAgB,IAAI;AACpB,wBAAsB;AAEtB,YAAU;AACV,kBAAgB;AAEhB,WAAS;AAET,YAAU;AACZ;AAEA,QAAO,sBAAuB;AAC5B;AACE,UAAM;AAEN,YAAQ;AACR,YAAQ;AACR,YAAQ;AAER,oBAAgB;AAChB,oBAAgB,IAAI;AACpB,0BAAsB;AAEtB,cAAU;AACV,oBAAgB;AAEhB,aAAS;AAET,cAAU;AACZ;AACF;AAEA;AACE,cAAY,IAAI;AAChB,SAAO,IAAI;AACX;AAAA,IAAa,KAAK;AAAA,IAAE,SAAS;AAAA,IAAE;AACjC;AAEA,CAAC;AACC,WAAS;AACT,SAAO;AACP,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,WAAS,IAAI;AACb,UAAQ,IAAI,UAAU,IAAI;AAC1B,iBAAe;AACf,WAAS;AACX;AAEA,CAAC;AACC,eAAa;AACb,UAAQ;AACV;AAEA,CALC,QAKQ;AACP,oBAAkB,IAAI;AACxB;AAEA,CATC,QASQ;AACP,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,WAAS;AACT,YAAU;AACV,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,eAAa;AACb,WAAS;AACT,cAAY;AACZ,OAAK;AACP;AAEA,CAAC;AACC,YAAU;AACV,QAAM;AACN,aAAW,WAAW;AACxB;AAEA,CAAC;AACC,eAAa;AACf;","names":[]}
+{"version":3,"sources":["../src/style.css"],"sourcesContent":[":root {\r\n  --fg: #0B1220;\r\n\r\n  --bg-1: #FFFFFF;\r\n  --bg-2: #EEF3FF;\r\n  --bg-3: #D9E4FF;\r\n\r\n  --component-bg: #F5F8FF;\r\n  --component-fg: var(--fg);\r\n  --component-bg-hover: #EAF0FF;\r\n\r\n  --accent: #2D6BFF;\r\n  --accent-hover: #1E4FD6;\r\n\r\n  --muted: #5B6B86;\r\n\r\n  --border: #D7E1F5;\r\n}\r\n\r\n@media (prefers-color-scheme: dark) {\r\n  :root {\r\n    --fg: #EAF0FF;\r\n\r\n    --bg-1: #070D1A;\r\n    --bg-2: #0C1528;\r\n    --bg-3: #121F3A;\r\n\r\n    --component-bg: #0F1B33;\r\n    --component-fg: var(--fg);\r\n    --component-bg-hover: #16264A;\r\n\r\n    --accent: #4A8CFF;\r\n    --accent-hover: #6AA3FF;\r\n\r\n    --muted: #93A4C7;\r\n\r\n    --border: #1F2E4D;\r\n  }\r\n}\r\n\r\nbody { \r\n  background: var(--bg-1); \r\n  color: var(--fg); \r\n  font-family: Arial, Helvetica, sans-serif; \r\n} \r\n\r\n.t-component { \r\n  display: block; \r\n  width: fit-content; \r\n  background-color: var(--component-bg); \r\n  color: var(--component-fg); \r\n  padding: 4px 10px; \r\n  border: var(--border) 2px solid; \r\n  border-radius: 4px; \r\n  outline: none; \r\n} \r\n\r\n.t-button { \r\n  user-select: none; \r\n  cursor: pointer; \r\n} \r\n\r\n.t-button:hover { \r\n  background-color: var(--component-bg-hover); \r\n} \r\n\r\n.t-button:active { \r\n  background-color: var(--component-bg); \r\n}\r\n\r\n.t-navbar {\r\n  display: flex;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 60px;\r\n  background-color: var(--bg-2);\r\n  align-items: center;\r\n  padding: 4px;\r\n  box-sizing: border-box;\r\n  gap: 4px;\r\n}\r\n\r\n.t-center {\r\n  position: absolute;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n}\r\n\r\n.t-end {\r\n  margin-left: auto;\r\n}"],"mappings":";AAAA;AACE,QAAM;AAEN,UAAQ;AACR,UAAQ;AACR,UAAQ;AAER,kBAAgB;AAChB,kBAAgB,IAAI;AACpB,wBAAsB;AAEtB,YAAU;AACV,kBAAgB;AAEhB,WAAS;AAET,YAAU;AACZ;AAEA,QAAO,sBAAuB;AAC5B;AACE,UAAM;AAEN,YAAQ;AACR,YAAQ;AACR,YAAQ;AAER,oBAAgB;AAChB,oBAAgB,IAAI;AACpB,0BAAsB;AAEtB,cAAU;AACV,oBAAgB;AAEhB,aAAS;AAET,cAAU;AACZ;AACF;AAEA;AACE,cAAY,IAAI;AAChB,SAAO,IAAI;AACX;AAAA,IAAa,KAAK;AAAA,IAAE,SAAS;AAAA,IAAE;AACjC;AAEA,CAAC;AACC,WAAS;AACT,SAAO;AACP,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,WAAS,IAAI;AACb,UAAQ,IAAI,UAAU,IAAI;AAC1B,iBAAe;AACf,WAAS;AACX;AAEA,CAAC;AACC,eAAa;AACb,UAAQ;AACV;AAEA,CALC,QAKQ;AACP,oBAAkB,IAAI;AACxB;AAEA,CATC,QASQ;AACP,oBAAkB,IAAI;AACxB;AAEA,CAAC;AACC,WAAS;AACT,YAAU;AACV,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,eAAa;AACb,WAAS;AACT,cAAY;AACZ,OAAK;AACP;AAEA,CAAC;AACC,YAAU;AACV,QAAM;AACN,aAAW,WAAW;AACxB;AAEA,CAAC;AACC,eAAa;AACf;","names":[]}

package/dist/index.d.mts

@@ -1,2 +1,12 @@
+import React from 'react';
 
-export {  }
+type Props$2 = React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare function TButton({ children, className, ...props }: Props$2): React.JSX.Element;
+
+type Props$1 = React.InputHTMLAttributes<HTMLInputElement>;
+declare function TInput({ className, ...props }: Props$1): React.JSX.Element;
+
+type Props = React.HTMLAttributes<HTMLDivElement>;
+declare function TNavbar({ children, className, ...props }: Props): React.JSX.Element;
+
+export { TButton, TInput, TNavbar };

package/dist/index.d.ts

@@ -1,2 +1,12 @@
+import React from 'react';
 
-export {  }
+type Props$2 = React.AnchorHTMLAttributes<HTMLAnchorElement>;
+declare function TButton({ children, className, ...props }: Props$2): React.JSX.Element;
+
+type Props$1 = React.InputHTMLAttributes<HTMLInputElement>;
+declare function TInput({ className, ...props }: Props$1): React.JSX.Element;
+
+type Props = React.HTMLAttributes<HTMLDivElement>;
+declare function TNavbar({ children, className, ...props }: Props): React.JSX.Element;
+
+export { TButton, TInput, TNavbar };

package/dist/index.js

@@ -3,6 +3,10 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 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))
@@ -15,14 +19,54 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 
 // src/index.ts
 var index_exports = {};
+__export(index_exports, {
+  TButton: () => TButton,
+  TInput: () => TInput,
+  TNavbar: () => TNavbar
+});
 module.exports = __toCommonJS(index_exports);
 
 // src/components/TButton.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
+function TButton({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "a",
+    {
+      ...props,
+      className: `t-component t-button ${className ?? ""}`,
+      children
+    }
+  );
+}
 
 // src/components/TInput.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+function TInput({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "input",
+    {
+      ...props,
+      className: `t-component t-input ${className ?? ""}`
+    }
+  );
+}
 
 // src/components/TNavbar.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
+function TNavbar({ children, className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "div",
+    {
+      ...props,
+      className: `t-navbar ${className ?? ""}`,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TButton,
+  TInput,
+  TNavbar
+});
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/TButton.tsx","../src/components/TInput.tsx","../src/components/TNavbar.tsx"],"sourcesContent":["export * from \"./components/TButton\";\nexport * from \"./components/TInput\";\nexport * from \"./components/TNavbar\";\n\nimport \"./style.css\"","\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.AnchorHTMLAttributes<HTMLAnchorElement>\n\nexport default function TButton({ children, className, ...props }: Props) {\n  return (\n    <a\n      {...props}\n      className={`t-component t-button ${className ?? \"\"}`}\n    >\n      {children}\n    </a>\n  );\n}","\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport default function TInput({ className, ...props}: Props) {\n  return (\n    <input\n      {...props}\n      className={`t-component t-input ${className ?? \"\"}`}\n    />\n  );\n}","\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.HTMLAttributes<HTMLDivElement>\n\nexport default function TNavbar({ children, className, ...props }: Props) {\n  return (\n    <div\n      {...props}\n      className={`t-navbar ${className ?? \"\"}`}\n    >\n      {children}\n    </div>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;;;ACQI;;;ACAA,IAAAA,sBAAA;;;ACAA,IAAAC,sBAAA;","names":["import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/components/TButton.tsx","../src/components/TInput.tsx","../src/components/TNavbar.tsx"],"sourcesContent":["export { default as TButton } from \"./components/TButton\";\r\nexport { default as TInput } from \"./components/TInput\";\r\nexport { default as TNavbar } from \"./components/TNavbar\";\r\n\r\nimport \"./style.css\";","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.AnchorHTMLAttributes<HTMLAnchorElement>\r\n\r\nexport default function TButton({ children, className, ...props }: Props) {\r\n  return (\r\n    <a\r\n      {...props}\r\n      className={`t-component t-button ${className ?? \"\"}`}\r\n    >\r\n      {children}\r\n    </a>\r\n  );\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.InputHTMLAttributes<HTMLInputElement>;\r\n\r\nexport default function TInput({ className, ...props}: Props) {\r\n  return (\r\n    <input\r\n      {...props}\r\n      className={`t-component t-input ${className ?? \"\"}`}\r\n    />\r\n  );\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.HTMLAttributes<HTMLDivElement>\r\n\r\nexport default function TNavbar({ children, className, ...props }: Props) {\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`t-navbar ${className ?? \"\"}`}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQI;AAFW,SAAR,QAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAU;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,wBAAwB,aAAa,EAAE;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;;;ACPI,IAAAA,sBAAA;AAFW,SAAR,OAAwB,EAAE,WAAW,GAAG,MAAK,GAAU;AAC5D,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,uBAAuB,aAAa,EAAE;AAAA;AAAA,EACnD;AAEJ;;;ACLI,IAAAC,sBAAA;AAFW,SAAR,QAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAU;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,YAAY,aAAa,EAAE;AAAA,MAErC;AAAA;AAAA,EACH;AAEJ;","names":["import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.mjs

@@ -1,9 +1,43 @@
 // src/components/TButton.tsx
 import { jsx } from "react/jsx-runtime";
+function TButton({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...props,
+      className: `t-component t-button ${className ?? ""}`,
+      children
+    }
+  );
+}
 
 // src/components/TInput.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
+function TInput({ className, ...props }) {
+  return /* @__PURE__ */ jsx2(
+    "input",
+    {
+      ...props,
+      className: `t-component t-input ${className ?? ""}`
+    }
+  );
+}
 
 // src/components/TNavbar.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
+function TNavbar({ children, className, ...props }) {
+  return /* @__PURE__ */ jsx3(
+    "div",
+    {
+      ...props,
+      className: `t-navbar ${className ?? ""}`,
+      children
+    }
+  );
+}
+export {
+  TButton,
+  TInput,
+  TNavbar
+};
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/TButton.tsx","../src/components/TInput.tsx","../src/components/TNavbar.tsx"],"sourcesContent":["\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.AnchorHTMLAttributes<HTMLAnchorElement>\n\nexport default function TButton({ children, className, ...props }: Props) {\n  return (\n    <a\n      {...props}\n      className={`t-component t-button ${className ?? \"\"}`}\n    >\n      {children}\n    </a>\n  );\n}","\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.InputHTMLAttributes<HTMLInputElement>;\n\nexport default function TInput({ className, ...props}: Props) {\n  return (\n    <input\n      {...props}\n      className={`t-component t-input ${className ?? \"\"}`}\n    />\n  );\n}","\"use client\";\n\nimport React from \"react\";\n\ntype Props = React.HTMLAttributes<HTMLDivElement>\n\nexport default function TNavbar({ children, className, ...props }: Props) {\n  return (\n    <div\n      {...props}\n      className={`t-navbar ${className ?? \"\"}`}\n    >\n      {children}\n    </div>\n  );\n}"],"mappings":";AAQI;;;ACAA,gBAAAA,YAAA;;;ACAA,gBAAAC,YAAA;","names":["jsx","jsx"]}
+{"version":3,"sources":["../src/components/TButton.tsx","../src/components/TInput.tsx","../src/components/TNavbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.AnchorHTMLAttributes<HTMLAnchorElement>\r\n\r\nexport default function TButton({ children, className, ...props }: Props) {\r\n  return (\r\n    <a\r\n      {...props}\r\n      className={`t-component t-button ${className ?? \"\"}`}\r\n    >\r\n      {children}\r\n    </a>\r\n  );\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.InputHTMLAttributes<HTMLInputElement>;\r\n\r\nexport default function TInput({ className, ...props}: Props) {\r\n  return (\r\n    <input\r\n      {...props}\r\n      className={`t-component t-input ${className ?? \"\"}`}\r\n    />\r\n  );\r\n}","\"use client\";\r\n\r\nimport React from \"react\";\r\n\r\ntype Props = React.HTMLAttributes<HTMLDivElement>\r\n\r\nexport default function TNavbar({ children, className, ...props }: Props) {\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={`t-navbar ${className ?? \"\"}`}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n}"],"mappings":";AAQI;AAFW,SAAR,QAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAU;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,wBAAwB,aAAa,EAAE;AAAA,MAEjD;AAAA;AAAA,EACH;AAEJ;;;ACPI,gBAAAA,YAAA;AAFW,SAAR,OAAwB,EAAE,WAAW,GAAG,MAAK,GAAU;AAC5D,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,uBAAuB,aAAa,EAAE;AAAA;AAAA,EACnD;AAEJ;;;ACLI,gBAAAC,YAAA;AAFW,SAAR,QAAyB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAU;AACxE,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,YAAY,aAAa,EAAE;AAAA,MAErC;AAAA;AAAA,EACH;AAEJ;","names":["jsx","jsx"]}

package/package.json

@@ -1,26 +1,32 @@
-{
-  "name": "@t-apps/ui",
-  "version": "0.1.0",
-  "main": "./dist/index.js",
-  "module": "./dist/index.mjs",
-  "types": "./dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
-    },
-    "./style.css": "./dist/index.css"
-  },
-  "scripts": {
-    "build": "tsup",
-    "prepublishOnly": "npm run build"
-  },
-  "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
-  }
-}
+{
+  "name": "@t-apps/ui",
+  "version": "0.1.1",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "scripts": {
+    "build": "tsup",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3"
+  }
+}