@t-apps/ui 0.1.0

package/dist/index.css

@@ -0,0 +1,77 @@
+/* src/style.css */
+:root {
+  --fg: #0B1220;
+  --bg-1: #FFFFFF;
+  --bg-2: #EEF3FF;
+  --bg-3: #D9E4FF;
+  --component-bg: #F5F8FF;
+  --component-fg: var(--fg);
+  --component-bg-hover: #EAF0FF;
+  --accent: #2D6BFF;
+  --accent-hover: #1E4FD6;
+  --muted: #5B6B86;
+  --border: #D7E1F5;
+}
+@media (prefers-color-scheme: dark) {
+  :root {
+    --fg: #EAF0FF;
+    --bg-1: #070D1A;
+    --bg-2: #0C1528;
+    --bg-3: #121F3A;
+    --component-bg: #0F1B33;
+    --component-fg: var(--fg);
+    --component-bg-hover: #16264A;
+    --accent: #4A8CFF;
+    --accent-hover: #6AA3FF;
+    --muted: #93A4C7;
+    --border: #1F2E4D;
+  }
+}
+body {
+  background: var(--bg-1);
+  color: var(--fg);
+  font-family:
+    Arial,
+    Helvetica,
+    sans-serif;
+}
+.t-component {
+  display: block;
+  width: fit-content;
+  background-color: var(--component-bg);
+  color: var(--component-fg);
+  padding: 4px 10px;
+  border: var(--border) 2px solid;
+  border-radius: 4px;
+  outline: none;
+}
+.t-button {
+  user-select: none;
+  cursor: pointer;
+}
+.t-button:hover {
+  background-color: var(--component-bg-hover);
+}
+.t-button:active {
+  background-color: var(--component-bg);
+}
+.t-navbar {
+  display: flex;
+  position: relative;
+  width: 100%;
+  height: 60px;
+  background-color: var(--bg-2);
+  align-items: center;
+  padding: 4px;
+  box-sizing: border-box;
+  gap: 4px;
+}
+.t-center {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.t-end {
+  margin-left: auto;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +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":[]}

package/dist/index.d.mts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+module.exports = __toCommonJS(index_exports);
+
+// src/components/TButton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+
+// src/components/TInput.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+
+// src/components/TNavbar.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +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"]}

package/dist/index.mjs

@@ -0,0 +1,9 @@
+// src/components/TButton.tsx
+import { jsx } from "react/jsx-runtime";
+
+// src/components/TInput.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+
+// src/components/TNavbar.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +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"]}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "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"
+  }
+}