@statusas/react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 LOYALTY LT, MB
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,99 @@
+# Statusas status widget for React
+
+A badge that says whether your services are up, read straight from your
+[statusas.lt](https://statusas.lt) status page. It is a React Server Component:
+it fetches on the server, ships no client JavaScript, and degrades to
+"Unknown" rather than throwing if the API cannot be reached.
+
+## Install
+
+```bash
+npm install @statusas/react
+pnpm add @statusas/react
+yarn add @statusas/react
+bun add @statusas/react
+```
+
+React 18 or 19.
+
+## Use it
+
+```tsx
+import { StatusWidget } from "@statusas/react";
+
+export default function Page() {
+  return <StatusWidget slug="your-page-slug" />;
+}
+```
+
+The `slug` is your status page's subdomain — `your-page-slug.statusas.lt`. Pass
+`href` to point the badge somewhere else, for instance your own domain:
+
+```tsx
+<StatusWidget slug="your-page-slug" href="https://status.your-company.com" />
+```
+
+## Styles
+
+With Tailwind v4, tell it to scan the package:
+
+```css
+/* app/globals.css */
+@import "tailwindcss";
+@source "../node_modules/@statusas/react/dist";
+```
+
+With Tailwind v3, extend `content`:
+
+```js
+// tailwind.config.js
+module.exports = {
+  content: [
+    "./app/**/*.{tsx,ts,mdx,md}",
+    "./node_modules/@statusas/react/dist/**/*.{js,mjs}",
+  ],
+};
+```
+
+Not using Tailwind? Import the compiled stylesheet once:
+
+```tsx
+// app/layout.tsx
+import "@statusas/react/styles.css";
+```
+
+## Style it yourself
+
+`getStatus` is the badge without the markup.
+
+```ts
+import { getStatus } from "@statusas/react";
+
+async function CustomStatusWidget() {
+  const { status } = await getStatus("your-page-slug");
+  return <div>{/* your own markup */}</div>;
+}
+```
+
+```ts
+type Status =
+  | "operational"
+  | "degraded_performance"
+  | "partial_outage"
+  | "major_outage"
+  | "under_maintenance"
+  | "incident"
+  | "unknown";
+```
+
+It calls `https://api.statusas.lt/public/status/:slug`, which needs no
+credentials. Self-hosting? Set `STATUSAS_API_URL`, or pass a base URL as the
+second argument.
+
+## More
+
+- [Widget guide](https://docs.statusas.lt/guides/how-to-use-react-widget)
+- [API reference](https://api.statusas.lt/openapi)
+- [Contact](https://www.statusas.lt/lt/contact)
+
+MIT licensed. Built by [LOYALTY LT, MB](https://statusas.lt).

package/dist/index.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Status = "operational" | "degraded_performance" | "partial_outage" | "major_outage" | "under_maintenance" | "unknown" | "incident";
+type StatusResponse = {
+    status: Status;
+};
+declare function getStatus(slug: string, baseUrl?: string): Promise<StatusResponse>;
+type StatusWidgetProps = {
+    slug: string;
+    href?: string;
+};
+declare function StatusWidget({ slug, href }: StatusWidgetProps): Promise<react_jsx_runtime.JSX.Element>;
+
+export { Status, StatusResponse, StatusWidget, StatusWidgetProps, getStatus };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type Status = "operational" | "degraded_performance" | "partial_outage" | "major_outage" | "under_maintenance" | "unknown" | "incident";
+type StatusResponse = {
+    status: Status;
+};
+declare function getStatus(slug: string, baseUrl?: string): Promise<StatusResponse>;
+type StatusWidgetProps = {
+    slug: string;
+    href?: string;
+};
+declare function StatusWidget({ slug, href }: StatusWidgetProps): Promise<react_jsx_runtime.JSX.Element>;
+
+export { Status, StatusResponse, StatusWidget, StatusWidgetProps, getStatus };

package/dist/index.js

@@ -0,0 +1,135 @@
+"use strict";
+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))
+      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);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  StatusWidget: () => StatusWidget,
+  getStatus: () => getStatus
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/utils.ts
+var statusDictionary = {
+  operational: {
+    label: "Operational",
+    color: "bg-green-500"
+  },
+  degraded_performance: {
+    label: "Degraded Performance",
+    color: "bg-yellow-500"
+  },
+  partial_outage: {
+    label: "Partial Outage",
+    color: "bg-yellow-500"
+  },
+  major_outage: {
+    label: "Major Outage",
+    color: "bg-red-500"
+  },
+  unknown: {
+    label: "Unknown",
+    color: "bg-gray-500"
+  },
+  incident: {
+    label: "Incident",
+    color: "bg-yellow-500"
+  },
+  under_maintenance: {
+    label: "Under Maintenance",
+    color: "bg-blue-500"
+  }
+};
+
+// src/widget.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function getStatus(_0) {
+  return __async(this, arguments, function* (slug, baseUrl = ((_a) => (_a = process.env.STATUSAS_API_URL) != null ? _a : "https://api.statusas.lt")()) {
+    const base = baseUrl.replace(/\/+$/, "") || "https://api.statusas.lt";
+    try {
+      const res = yield fetch(`${base}/public/status/${slug}`, {
+        cache: "no-cache"
+      });
+      if (res.ok) {
+        const data = yield res.json();
+        return data;
+      }
+    } catch (e) {
+    }
+    return { status: "unknown" };
+  });
+}
+function StatusWidget(_0) {
+  return __async(this, arguments, function* ({ slug, href }) {
+    const { status } = yield getStatus(slug);
+    const { label, color } = statusDictionary[status];
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "a",
+      {
+        className: "inline-flex max-w-fit items-center gap-2 rounded-md border border-gray-200 px-3 py-1 text-sm text-gray-700 hover:bg-gray-100 hover:text-black dark:border-gray-800 dark:text-gray-300 dark:hover:bg-gray-900 dark:hover:text-white",
+        href: href || `https://${slug}.statusas.lt`,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+          label,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "relative flex h-2 w-2", children: [
+            status === "operational" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: `absolute inline-flex h-full w-full animate-ping rounded-full ${color} opacity-75 duration-1000`
+              }
+            ) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "span",
+              {
+                className: `relative inline-flex h-2 w-2 rounded-full ${color}`
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StatusWidget,
+  getStatus
+});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/utils.ts","../src/widget.tsx"],"sourcesContent":["export * from \"./widget\";\n","import type { Status } from \"./widget\";\n\nexport const statusDictionary: Record<\n  Status,\n  { label: string; color: string }\n> = {\n  operational: {\n    label: \"Operational\",\n    color: \"bg-green-500\",\n  },\n  degraded_performance: {\n    label: \"Degraded Performance\",\n    color: \"bg-yellow-500\",\n  },\n  partial_outage: {\n    label: \"Partial Outage\",\n    color: \"bg-yellow-500\",\n  },\n  major_outage: {\n    label: \"Major Outage\",\n    color: \"bg-red-500\",\n  },\n  unknown: {\n    label: \"Unknown\",\n    color: \"bg-gray-500\",\n  },\n  incident: {\n    label: \"Incident\",\n    color: \"bg-yellow-500\",\n  },\n  under_maintenance: {\n    label: \"Under Maintenance\",\n    color: \"bg-blue-500\",\n  },\n} as const;\n","import { statusDictionary } from \"./utils\";\n\nexport type Status =\n  | \"operational\"\n  | \"degraded_performance\"\n  | \"partial_outage\"\n  | \"major_outage\"\n  | \"under_maintenance\"\n  | \"unknown\"\n  | \"incident\";\n\nexport type StatusResponse = { status: Status };\n\nexport async function getStatus(\n  slug: string,\n  baseUrl = process.env.STATUSAS_API_URL ?? \"https://api.statusas.lt\",\n): Promise<StatusResponse> {\n  // read at runtime on the server: no NEXT_PUBLIC_ prefix, so deployments\n  // shipping prebuilt images can still point badges at their own API\n  const base = baseUrl.replace(/\\/+$/, \"\") || \"https://api.statusas.lt\";\n  try {\n    const res = await fetch(`${base}/public/status/${slug}`, {\n      cache: \"no-cache\",\n    });\n\n    if (res.ok) {\n      const data = (await res.json()) as StatusResponse;\n      return data;\n    }\n  } catch {\n    // network-level failures (unreachable host, DNS, …) degrade to \"unknown\"\n    // instead of bubbling a 500 out of the badge routes\n  }\n  return { status: \"unknown\" };\n}\n\nexport type StatusWidgetProps = {\n  slug: string;\n  href?: string;\n};\n\nexport async function StatusWidget({ slug, href }: StatusWidgetProps) {\n  const { status } = await getStatus(slug);\n\n  const { label, color } = statusDictionary[status];\n\n  return (\n    <a\n      className=\"inline-flex max-w-fit items-center gap-2 rounded-md border border-gray-200 px-3 py-1 text-sm text-gray-700 hover:bg-gray-100 hover:text-black dark:border-gray-800 dark:text-gray-300 dark:hover:bg-gray-900 dark:hover:text-white\"\n      href={href || `https://${slug}.statusas.lt`}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      {label}\n      <span className=\"relative flex h-2 w-2\">\n        {status === \"operational\" ? (\n          <span\n            className={`absolute inline-flex h-full w-full animate-ping rounded-full ${color} opacity-75 duration-1000`}\n          />\n        ) : null}\n        <span\n          className={`relative inline-flex h-2 w-2 rounded-full ${color}`}\n        />\n      </span>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,IAAM,mBAGT;AAAA,EACF,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;;;ACoBM;AAzCN,SAAsB,UACpB,IAEyB;AAAA,6CAFzB,MACA,WAAU,sBAAQ,IAAI,qBAAZ,YAAgC,8BACjB;AAGzB,UAAM,OAAO,QAAQ,QAAQ,QAAQ,EAAE,KAAK;AAC5C,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,GAAG,IAAI,kBAAkB,IAAI,IAAI;AAAA,QACvD,OAAO;AAAA,MACT,CAAC;AAED,UAAI,IAAI,IAAI;AACV,cAAM,OAAQ,MAAM,IAAI,KAAK;AAC7B,eAAO;AAAA,MACT;AAAA,IACF,SAAQ;AAAA,IAGR;AACA,WAAO,EAAE,QAAQ,UAAU;AAAA,EAC7B;AAAA;AAOA,SAAsB,aAAa,IAAmC;AAAA,6CAAnC,EAAE,MAAM,KAAK,GAAsB;AACpE,UAAM,EAAE,OAAO,IAAI,MAAM,UAAU,IAAI;AAEvC,UAAM,EAAE,OAAO,MAAM,IAAI,iBAAiB,MAAM;AAEhD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAM,QAAQ,WAAW,IAAI;AAAA,QAC7B,QAAO;AAAA,QACP,KAAI;AAAA,QAEH;AAAA;AAAA,UACD,6CAAC,UAAK,WAAU,yBACb;AAAA,uBAAW,gBACV;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,gEAAgE,KAAK;AAAA;AAAA,YAClF,IACE;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6CAA6C,KAAK;AAAA;AAAA,YAC/D;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA;","names":[]}

package/dist/index.mjs

@@ -0,0 +1,108 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/utils.ts
+var statusDictionary = {
+  operational: {
+    label: "Operational",
+    color: "bg-green-500"
+  },
+  degraded_performance: {
+    label: "Degraded Performance",
+    color: "bg-yellow-500"
+  },
+  partial_outage: {
+    label: "Partial Outage",
+    color: "bg-yellow-500"
+  },
+  major_outage: {
+    label: "Major Outage",
+    color: "bg-red-500"
+  },
+  unknown: {
+    label: "Unknown",
+    color: "bg-gray-500"
+  },
+  incident: {
+    label: "Incident",
+    color: "bg-yellow-500"
+  },
+  under_maintenance: {
+    label: "Under Maintenance",
+    color: "bg-blue-500"
+  }
+};
+
+// src/widget.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function getStatus(_0) {
+  return __async(this, arguments, function* (slug, baseUrl = ((_a) => (_a = process.env.STATUSAS_API_URL) != null ? _a : "https://api.statusas.lt")()) {
+    const base = baseUrl.replace(/\/+$/, "") || "https://api.statusas.lt";
+    try {
+      const res = yield fetch(`${base}/public/status/${slug}`, {
+        cache: "no-cache"
+      });
+      if (res.ok) {
+        const data = yield res.json();
+        return data;
+      }
+    } catch (e) {
+    }
+    return { status: "unknown" };
+  });
+}
+function StatusWidget(_0) {
+  return __async(this, arguments, function* ({ slug, href }) {
+    const { status } = yield getStatus(slug);
+    const { label, color } = statusDictionary[status];
+    return /* @__PURE__ */ jsxs(
+      "a",
+      {
+        className: "inline-flex max-w-fit items-center gap-2 rounded-md border border-gray-200 px-3 py-1 text-sm text-gray-700 hover:bg-gray-100 hover:text-black dark:border-gray-800 dark:text-gray-300 dark:hover:bg-gray-900 dark:hover:text-white",
+        href: href || `https://${slug}.statusas.lt`,
+        target: "_blank",
+        rel: "noreferrer",
+        children: [
+          label,
+          /* @__PURE__ */ jsxs("span", { className: "relative flex h-2 w-2", children: [
+            status === "operational" ? /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `absolute inline-flex h-full w-full animate-ping rounded-full ${color} opacity-75 duration-1000`
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: `relative inline-flex h-2 w-2 rounded-full ${color}`
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  });
+}
+export {
+  StatusWidget,
+  getStatus
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils.ts","../src/widget.tsx"],"sourcesContent":["import type { Status } from \"./widget\";\n\nexport const statusDictionary: Record<\n  Status,\n  { label: string; color: string }\n> = {\n  operational: {\n    label: \"Operational\",\n    color: \"bg-green-500\",\n  },\n  degraded_performance: {\n    label: \"Degraded Performance\",\n    color: \"bg-yellow-500\",\n  },\n  partial_outage: {\n    label: \"Partial Outage\",\n    color: \"bg-yellow-500\",\n  },\n  major_outage: {\n    label: \"Major Outage\",\n    color: \"bg-red-500\",\n  },\n  unknown: {\n    label: \"Unknown\",\n    color: \"bg-gray-500\",\n  },\n  incident: {\n    label: \"Incident\",\n    color: \"bg-yellow-500\",\n  },\n  under_maintenance: {\n    label: \"Under Maintenance\",\n    color: \"bg-blue-500\",\n  },\n} as const;\n","import { statusDictionary } from \"./utils\";\n\nexport type Status =\n  | \"operational\"\n  | \"degraded_performance\"\n  | \"partial_outage\"\n  | \"major_outage\"\n  | \"under_maintenance\"\n  | \"unknown\"\n  | \"incident\";\n\nexport type StatusResponse = { status: Status };\n\nexport async function getStatus(\n  slug: string,\n  baseUrl = process.env.STATUSAS_API_URL ?? \"https://api.statusas.lt\",\n): Promise<StatusResponse> {\n  // read at runtime on the server: no NEXT_PUBLIC_ prefix, so deployments\n  // shipping prebuilt images can still point badges at their own API\n  const base = baseUrl.replace(/\\/+$/, \"\") || \"https://api.statusas.lt\";\n  try {\n    const res = await fetch(`${base}/public/status/${slug}`, {\n      cache: \"no-cache\",\n    });\n\n    if (res.ok) {\n      const data = (await res.json()) as StatusResponse;\n      return data;\n    }\n  } catch {\n    // network-level failures (unreachable host, DNS, …) degrade to \"unknown\"\n    // instead of bubbling a 500 out of the badge routes\n  }\n  return { status: \"unknown\" };\n}\n\nexport type StatusWidgetProps = {\n  slug: string;\n  href?: string;\n};\n\nexport async function StatusWidget({ slug, href }: StatusWidgetProps) {\n  const { status } = await getStatus(slug);\n\n  const { label, color } = statusDictionary[status];\n\n  return (\n    <a\n      className=\"inline-flex max-w-fit items-center gap-2 rounded-md border border-gray-200 px-3 py-1 text-sm text-gray-700 hover:bg-gray-100 hover:text-black dark:border-gray-800 dark:text-gray-300 dark:hover:bg-gray-900 dark:hover:text-white\"\n      href={href || `https://${slug}.statusas.lt`}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      {label}\n      <span className=\"relative flex h-2 w-2\">\n        {status === \"operational\" ? (\n          <span\n            className={`absolute inline-flex h-full w-full animate-ping rounded-full ${color} opacity-75 duration-1000`}\n          />\n        ) : null}\n        <span\n          className={`relative inline-flex h-2 w-2 rounded-full ${color}`}\n        />\n      </span>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,mBAGT;AAAA,EACF,aAAa;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,sBAAsB;AAAA,IACpB,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,mBAAmB;AAAA,IACjB,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;;;ACoBM,SAEI,KAFJ;AAzCN,SAAsB,UACpB,IAEyB;AAAA,6CAFzB,MACA,WAAU,sBAAQ,IAAI,qBAAZ,YAAgC,8BACjB;AAGzB,UAAM,OAAO,QAAQ,QAAQ,QAAQ,EAAE,KAAK;AAC5C,QAAI;AACF,YAAM,MAAM,MAAM,MAAM,GAAG,IAAI,kBAAkB,IAAI,IAAI;AAAA,QACvD,OAAO;AAAA,MACT,CAAC;AAED,UAAI,IAAI,IAAI;AACV,cAAM,OAAQ,MAAM,IAAI,KAAK;AAC7B,eAAO;AAAA,MACT;AAAA,IACF,SAAQ;AAAA,IAGR;AACA,WAAO,EAAE,QAAQ,UAAU;AAAA,EAC7B;AAAA;AAOA,SAAsB,aAAa,IAAmC;AAAA,6CAAnC,EAAE,MAAM,KAAK,GAAsB;AACpE,UAAM,EAAE,OAAO,IAAI,MAAM,UAAU,IAAI;AAEvC,UAAM,EAAE,OAAO,MAAM,IAAI,iBAAiB,MAAM;AAEhD,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAM,QAAQ,WAAW,IAAI;AAAA,QAC7B,QAAO;AAAA,QACP,KAAI;AAAA,QAEH;AAAA;AAAA,UACD,qBAAC,UAAK,WAAU,yBACb;AAAA,uBAAW,gBACV;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,gEAAgE,KAAK;AAAA;AAAA,YAClF,IACE;AAAA,YACJ;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,6CAA6C,KAAK;AAAA;AAAA,YAC/D;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,EAEJ;AAAA;","names":[]}

package/dist/styles.css

@@ -0,0 +1,2 @@
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-500:oklch(72.3% .219 149.579);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--radius-md:.375rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:after,:before,::backdrop{border-color:var(--color-gray-200,currentcolor)}::file-selector-button{border-color:var(--color-gray-200,currentcolor)}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.flex{display:flex}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing) * 2)}.h-full{height:100%}.w-2{width:calc(var(--spacing) * 2)}.w-full{width:100%}.max-w-fit{max-width:fit-content}.animate-ping{animation:var(--animate-ping)}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-200{border-color:var(--color-gray-200)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-yellow-500{background-color:var(--color-yellow-500)}.px-3{padding-inline:calc(var(--spacing) * 3)}.py-1{padding-block:calc(var(--spacing) * 1)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-gray-700{color:var(--color-gray-700)}.opacity-75{opacity:.75}.duration-1000{--tw-duration:1s;transition-duration:1s}@media (hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-black:hover{color:var(--color-black)}}@media (prefers-color-scheme:dark){.dark\:border-gray-800{border-color:var(--color-gray-800)}.dark\:text-gray-300{color:var(--color-gray-300)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:text-white:hover{color:var(--color-white)}}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@statusas/react",
+  "version": "0.1.0",
+  "description": "Status badge for React: shows whether your services are up, straight from your statusas.lt status page.",
+  "keywords": [
+    "monitoring",
+    "uptime",
+    "status page",
+    "status badge",
+    "statusas",
+    "react"
+  ],
+  "homepage": "https://docs.statusas.lt/guides/how-to-use-react-widget",
+  "bugs": {
+    "url": "https://www.statusas.lt/lt/contact",
+    "email": "hello@statusas.lt"
+  },
+  "license": "MIT",
+  "author": "LOYALTY LT, MB <hello@statusas.lt> (https://statusas.lt)",
+  "sideEffects": [
+    "*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "tsup --watch && pnpm run dev:tailwind",
+    "dev:tailwind": "npx @tailwindcss/cli -i ./src/styles.css -o ./dist/styles.css --watch",
+    "build:tailwind": "npx @tailwindcss/cli -i ./src/styles.css -o ./dist/styles.css --minify",
+    "build": "tsup && pnpm run build:tailwind",
+    "prepack": "pnpm run build"
+  },
+  "devDependencies": {
+    "@statusas/tsconfig": "workspace:*",
+    "@tailwindcss/cli": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "tailwindcss": "catalog:",
+    "tsup": "catalog:",
+    "typescript": "catalog:"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0"
+  }
+}