@tuwaio/docs-ui 0.3.1 → 0.3.3

package/README.md

@@ -13,7 +13,7 @@
 - **Logo:** `RemoteLogo` is an async React Server Component that fetches an SVG (by default the TUWA logo) and renders it as React elements, so it takes `className` and `currentColor`.
 - **Theme switch:** `ThemeSwitcher` is a light/dark switch for any theme state (for example `next-themes`).
 - **Decoration:** `Orb` (an animated sphere in the brand color of a TUWA project), `StarryBackground` (an animated star field on a canvas) and `NoSSR` (renders its children only on the client).
-- **Policy pages:** `policies` lists the TUWA policies (Terms, Privacy, Cookie, Refund, Security, Data Processing Addendum) with their paths and whether they are in force (`publishedPolicies`; footers use `footerPolicies`). `loadPolicy` loads the text of a policy, and `PolicyDocument` renders it with the date of the version, a Download PDF button, anchored sections and a list of sections. The texts and PDFs come from [`TuwaIO/workflows/docs`](https://github.com/TuwaIO/workflows/tree/main/docs).
+- **Policy pages:** `policies` lists the TUWA policies (Terms, Privacy, Cookie, Refund, Security, Data Processing Addendum) with their paths and whether they are in force (`publishedPolicies`; footers use `footerPolicies`). `loadPolicy` loads the text of a policy, and `PolicyDocument` renders it with the date of the version, a Download PDF button, anchored sections and a list of sections. The texts and PDFs come from [`TuwaIO/workflows/docs`](https://github.com/TuwaIO/workflows/tree/main/docs). Code that needs only the list or `loadPolicy` (footers, sitemaps, route handlers) imports them from `@tuwaio/docs-ui/policies`, which has no React, Next.js or Nextra imports.
 - **Stylesheet:** `dist/index.css` contains the `--tuwa-*` theme variables of [`@tuwaio/nova-core`](https://stories.tuwa.io/?path=/docs/packages-nova-core-overview--docs) (light and `.dark`), the styles of the Nextra parts and the Tailwind CSS v4 utilities used by the components, prefixed with `tuwadocs:`.
 
 ---
@@ -95,10 +95,10 @@ export default async function RefundPage() {
 }
 ```
 
-Footers list the policies in force:
+Footers list the policies in force (`@tuwaio/docs-ui/policies` has only the policy data, so a footer does not pull in the Nextra parts):
 
 ```tsx
-import { footerPolicies } from '@tuwaio/docs-ui';
+import { footerPolicies } from '@tuwaio/docs-ui/policies';
 
 export function PolicyLinks() {
   return (

package/dist/components/Footer.cjs

@@ -22,21 +22,21 @@ __export(Footer_exports, {
 });
 module.exports = __toCommonJS(Footer_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_nova_core = require("@tuwaio/nova-core");
+var import_utils = require("@tuwaio/nova-core/utils");
 var import_nextra_theme_docs = require("nextra-theme-docs");
 var import_policies = require("../policies");
-var import_utils = require("../utils");
+var import_utils2 = require("../utils");
 function Footer({ links, logo }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Footer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:w-full tuwadocs:flex-col tuwadocs:items-center tuwadocs:sm:items-start tuwa-footer-border tuwadocs:pt-8", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:mb-6 tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:w-full tuwadocs:justify-between", children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center", children: logo }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:text-sm", children: (links ?? import_utils.baseFooterLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-4 tuwadocs:text-sm", children: (links ?? import_utils2.baseFooterLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "a",
         {
           href,
           target: "_blank",
           rel: "noopener noreferrer",
-          className: (0, import_nova_core.cn)("tuwa-footer-link tuwadocs:flex tuwadocs:items-center tuwadocs:gap-1", className),
+          className: (0, import_utils.cn)("tuwa-footer-link tuwadocs:flex tuwadocs:items-center tuwadocs:gap-1", className),
           children: [
             image,
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "tuwadocs:hidden tuwadocs:sm:inline", children: title })

package/dist/components/Footer.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@tuwaio/nova-core";
+import { cn } from "@tuwaio/nova-core/utils";
 import { Footer as NextraFooter } from "nextra-theme-docs";
 import { footerPolicies, getPolicyPageUrl, POLICIES_INDEX_URL } from "../policies";
 import { baseFooterLinks } from "../utils";

package/dist/components/NavBar.cjs

@@ -22,17 +22,17 @@ __export(NavBar_exports, {
 });
 module.exports = __toCommonJS(NavBar_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_nova_core = require("@tuwaio/nova-core");
+var import_utils = require("@tuwaio/nova-core/utils");
 var import_nextra_theme_docs = require("nextra-theme-docs");
-var import_utils = require("../utils");
+var import_utils2 = require("../utils");
 function Navbar({ links, logo }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Navbar, { logo, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: (links ?? import_utils.baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_nextra_theme_docs.Navbar, { logo, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "tuwadocs:flex tuwadocs:items-center tuwadocs:gap-3", children: (links ?? import_utils2.baseNavLinks).map(({ title, href, image, className }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "a",
     {
       href,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: (0, import_nova_core.cn)(
+      className: (0, import_utils.cn)(
         "tuwadocs:hidden tuwadocs:sm:flex tuwadocs:items-center tuwadocs:gap-1 tuwadocs:px-3 tuwadocs:py-1.5 tuwadocs:text-sm tuwadocs:font-medium tuwadocs:transition-colors tuwadocs:text-[var(--tuwa-text-primary)]",
         className
       ),

package/dist/components/NavBar.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@tuwaio/nova-core";
+import { cn } from "@tuwaio/nova-core/utils";
 import { Navbar as NextraNavbar } from "nextra-theme-docs";
 import { baseNavLinks } from "../utils";
 function Navbar({ links, logo }) {

package/dist/components/Orb.cjs

@@ -33,7 +33,7 @@ __export(Orb_exports, {
 });
 module.exports = __toCommonJS(Orb_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_nova_core = require("@tuwaio/nova-core");
+var import_utils = require("@tuwaio/nova-core/utils");
 var import_react = __toESM(require("react"), 1);
 const packageColors = {
   siwx: "#10b981",
@@ -294,7 +294,7 @@ const Orb = import_react.default.forwardRef(
       "div",
       {
         ref,
-        className: (0, import_nova_core.cn)(
+        className: (0, import_utils.cn)(
           "tuwadocs:relative tuwadocs:flex tuwadocs:items-center tuwadocs:justify-center tuwa-orb-float",
           className
         ),

package/dist/components/Orb.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@tuwaio/nova-core";
+import { cn } from "@tuwaio/nova-core/utils";
 import React from "react";
 const packageColors = {
   siwx: "#10b981",

package/dist/components/PolicyDocument.cjs

@@ -33,7 +33,7 @@ __export(PolicyDocument_exports, {
 module.exports = __toCommonJS(PolicyDocument_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_outline = require("@heroicons/react/24/outline");
-var import_nova_core = require("@tuwaio/nova-core");
+var import_utils = require("@tuwaio/nova-core/utils");
 var import_html_react_parser = __toESM(require("html-react-parser"), 1);
 var import_policies = require("../policies");
 const BLOCKED_ELEMENTS = /* @__PURE__ */ new Set([
@@ -80,7 +80,7 @@ function PolicyDocument({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
-      className: (0, import_nova_core.cn)(
+      className: (0, import_utils.cn)(
         "tuwadocs:grid tuwadocs:grid-cols-1 tuwadocs:gap-10 tuwadocs:lg:grid-cols-[minmax(0,1fr)_14rem]",
         className
       ),
@@ -89,7 +89,7 @@ function PolicyDocument({
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "header",
             {
-              className: (0, import_nova_core.cn)(
+              className: (0, import_utils.cn)(
                 "tuwadocs:mb-8 tuwadocs:flex tuwadocs:flex-col tuwadocs:gap-4 tuwadocs:border-b tuwadocs:border-[var(--tuwa-border-primary)] tuwadocs:pb-6",
                 classNames?.header
               ),
@@ -97,7 +97,7 @@ function PolicyDocument({
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "h1",
                   {
-                    className: (0, import_nova_core.cn)(
+                    className: (0, import_utils.cn)(
                       "tuwadocs-policy-title tuwadocs:text-3xl tuwadocs:font-extrabold tuwadocs:tracking-tight tuwadocs:text-[var(--tuwa-text-primary)] tuwadocs:sm:text-4xl",
                       classNames?.title
                     ),
@@ -105,7 +105,7 @@ function PolicyDocument({
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "tuwadocs:flex tuwadocs:flex-wrap tuwadocs:items-center tuwadocs:justify-between tuwadocs:gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: (0, import_nova_core.cn)("tuwadocs:text-sm tuwadocs:text-[var(--tuwa-text-secondary)]", classNames?.updated), children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: (0, import_utils.cn)("tuwadocs:text-sm tuwadocs:text-[var(--tuwa-text-secondary)]", classNames?.updated), children: [
                     labels?.updated ?? "Last updated",
                     " ",
                     content.updated
@@ -116,7 +116,7 @@ function PolicyDocument({
                       href: (0, import_policies.getPolicyFileUrl)(slug, "pdf", source),
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      className: (0, import_nova_core.cn)(
+                      className: (0, import_utils.cn)(
                         "tuwadocs-policy-title tuwadocs:inline-flex tuwadocs:h-10 tuwadocs:no-underline tuwadocs:items-center tuwadocs:gap-2 tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border tuwadocs:border-[var(--tuwa-border-primary)] tuwadocs:bg-[var(--tuwa-bg-primary)] tuwadocs:px-4 tuwadocs:text-sm tuwadocs:font-bold tuwadocs:text-[var(--tuwa-text-primary)] tuwadocs:transition-colors tuwadocs:hover:bg-[var(--tuwa-bg-muted)]",
                         classNames?.download
                       ),
@@ -130,13 +130,13 @@ function PolicyDocument({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: (0, import_nova_core.cn)("tuwadocs-policy", classNames?.body), children: (0, import_html_react_parser.default)(content.html, { replace: sanitize }) })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("article", { className: (0, import_utils.cn)("tuwadocs-policy", classNames?.body), children: (0, import_html_react_parser.default)(content.html, { replace: sanitize }) })
         ] }),
         content.sections.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "nav",
           {
             "aria-label": tocLabel,
-            className: (0, import_nova_core.cn)(
+            className: (0, import_utils.cn)(
               "tuwadocs:hidden tuwadocs:lg:sticky tuwadocs:lg:top-24 tuwadocs:lg:block tuwadocs:lg:self-start",
               classNames?.toc
             ),

package/dist/components/PolicyDocument.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ArrowDownTrayIcon } from "@heroicons/react/24/outline";
-import { cn } from "@tuwaio/nova-core";
+import { cn } from "@tuwaio/nova-core/utils";
 import parse, { Element } from "html-react-parser";
 import { getPolicyFileUrl, POLICY_SOURCE } from "../policies";
 const BLOCKED_ELEMENTS = /* @__PURE__ */ new Set([

package/dist/components/ThemeSwitcher.cjs

@@ -24,7 +24,7 @@ __export(ThemeSwitcher_exports, {
 module.exports = __toCommonJS(ThemeSwitcher_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_solid = require("@heroicons/react/24/solid");
-var import_nova_core = require("@tuwaio/nova-core");
+var import_utils = require("@tuwaio/nova-core/utils");
 var import_react = require("react");
 function ThemeSwitcher({ theme, onToggle }) {
   const [mounted, setMounted] = (0, import_react.useState)(false);
@@ -36,7 +36,7 @@ function ThemeSwitcher({ theme, onToggle }) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
-        className: (0, import_nova_core.cn)(
+        className: (0, import_utils.cn)(
           "tuwadocs:relative tuwadocs:flex tuwadocs:h-10 tuwadocs:w-20 tuwadocs:md:h-8 tuwadocs:md:w-16 tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:border tuwadocs:opacity-0",
           defaultStyles
         )
@@ -48,7 +48,7 @@ function ThemeSwitcher({ theme, onToggle }) {
     "button",
     {
       onClick: onToggle,
-      className: (0, import_nova_core.cn)(
+      className: (0, import_utils.cn)(
         "tuwadocs:group tuwadocs:relative tuwadocs:flex tuwadocs:h-10 tuwadocs:w-20 tuwadocs:md:h-8 tuwadocs:md:w-16 tuwadocs:cursor-pointer tuwadocs:items-center tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:p-1 tuwadocs:transition-all tuwadocs:duration-300 tuwadocs:ease-in-out tuwadocs:backdrop-blur-sm tuwadocs:border",
         defaultStyles
       ),
@@ -57,7 +57,7 @@ function ThemeSwitcher({ theme, onToggle }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            className: (0, import_nova_core.cn)(
+            className: (0, import_utils.cn)(
               "tuwadocs:absolute tuwadocs:top-[1px] tuwadocs:left-[2px] tuwadocs:z-10 tuwadocs:h-9 tuwadocs:w-9 tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:bg-[var(--tuwa-bg-primary)] tuwadocs:shadow-md tuwadocs:md:hidden",
               isDark ? "tuwa-slide-dark" : "tuwa-slide-light"
             )
@@ -66,7 +66,7 @@ function ThemeSwitcher({ theme, onToggle }) {
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            className: (0, import_nova_core.cn)(
+            className: (0, import_utils.cn)(
               "tuwadocs:absolute tuwadocs:top-[1px] tuwadocs:left-[2px] tuwadocs:z-10 tuwadocs:h-9 tuwadocs:w-9 tuwadocs:md:h-7 tuwadocs:md:w-7 tuwadocs:rounded-[var(--tuwa-rounded-corners)] tuwadocs:bg-[var(--tuwa-bg-primary)] tuwadocs:shadow-md tuwadocs:hidden tuwadocs:md:block",
               isDark ? "tuwa-slide-dark" : "tuwa-slide-light"
             )

package/dist/components/ThemeSwitcher.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { MoonIcon, SunIcon } from "@heroicons/react/24/solid";
-import { cn } from "@tuwaio/nova-core";
+import { cn } from "@tuwaio/nova-core/utils";
 import { useEffect, useState } from "react";
 function ThemeSwitcher({ theme, onToggle }) {
   const [mounted, setMounted] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/docs-ui",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",
@@ -15,6 +15,11 @@
       "require": "./dist/index.cjs",
       "types": "./dist/index.d.ts"
     },
+    "./policies": {
+      "types": "./dist/policies.d.ts",
+      "import": "./dist/policies.js",
+      "require": "./dist/policies.cjs"
+    },
     "./dist/index.css": "./dist/index.css",
     "./dist/*": "./dist/*"
   },
@@ -25,6 +30,9 @@
     "dist",
     "socket.json"
   ],
+  "sideEffects": [
+    "*.css"
+  ],
   "keywords": [
     "react",
     "tailwindcss",
@@ -49,7 +57,7 @@
     }
   ],
   "dependencies": {
-    "@tuwaio/nova-core": "^0.9.0",
+    "@tuwaio/nova-core": "^0.9.3",
     "clsx": "^2.1.1",
     "html-react-parser": "^6.1.8",
     "tailwind-merge": "^3.7.0"