@prokodo/ui 0.1.15 → 1.0.1

package/LICENSE

@@ -1,35 +1,196 @@
-Business Source License 1.1
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
 
-Licensor:        prokodo (Christian Salat)
-Licensed Work:   prokodo-ui – a reusable UI component library built with React and TypeScript.
-Software License Date: 2025-05-23
-Change Date:     2028-05-23
-Change License:  MIT
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
 
-Terms
-=====
+   1. Definitions.
 
-The Licensed Work is provided under the terms of the Business Source License 1.1 (“BUSL”), 
-as published by MariaDB Corporation Ab (see https://mariadb.com/bsl11).
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
 
-Use Limitation
---------------
-You may use, copy, modify, and distribute the Licensed Work, 
-but only for the following purpose:
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
 
-- **Evaluation and internal use**, including for client projects delivered by the Licensor (prokodo).
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
 
-You may **not use** the Licensed Work:
-- as part of any commercial SaaS product, public-facing platform, or resale offering,
-- unless you obtain a **commercial license** from the Licensor.
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
 
-Change Date
------------
-After the Change Date (2028-05-23), the Licensed Work will automatically be made available under the Change License (MIT), allowing full commercial use, including production and resale.
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
 
-Additional Terms
-----------------
-The Licensor may offer separate commercial licenses for production or client use. 
-Contact info@prokodo.com for inquiries.
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
 
-This license does not grant trademark rights or permission to use the “prokodo” name without separate written consent.
+      "Work" shall mean the work of authorship made available under
+      the License, as indicated by a copyright notice that is included in
+      or attached to the work (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean, as defined in Section 5 below, any
+      Contribution intentionally submitted to the Licensor for inclusion in
+      the Work by the copyright owner or by an individual or Legal Entity
+      authorized to submit on behalf of the copyright owner. For the purposes
+      of this definition, "submitted" means any form of electronic, verbal,
+      or written communication sent to the Licensor or its representatives,
+      including but not limited to communication on electronic mailing lists,
+      source code control systems, and issue tracking systems that are managed
+      by, or on behalf of, the Licensor for the purpose of discussing and
+      improving the Work, but excluding communication that is conspicuously
+      marked or otherwise designated in writing by the copyright owner as
+      "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any Legal Entity on behalf of
+      whom a Contribution has been received by the Licensor and subsequently
+      incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a cross-claim
+      or counterclaim in a lawsuit) alleging that the Work or any
+      Contribution embodied within the Work constitutes direct or contributory
+      patent infringement, then any patent licenses granted to You under
+      this License for that Work shall terminate as of the date such
+      litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, You must include a readable copy of the
+          attribution notices contained within such NOTICE file, in
+          at least one of the following places: within a NOTICE text
+          file distributed as part of the Derivative Works; within
+          the Source form or documentation, if provided along with
+          the Derivative Works; or, within a display generated by
+          the Derivative Works, if and wherever such third-party
+          notices normally appear. The contents of the NOTICE file
+          are for informational purposes only and do not modify the
+          License. You may add Your own attribution notices within
+          Derivative Works that You distribute, alongside or as an
+          addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own license statement for Your modifications and
+      may provide additional grant of rights to use, copy, modify, merge,
+      publish, distribute, sublicense, and/or sell copies of the
+      Derivative Works, and to permit persons to whom the Derivative Works
+      are furnished to do so.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or reproducing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or exemplary damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or all other
+      commercial damages or losses), even if such Contributor has been
+      advised of the possibility of such damages.
+
+   9. Accepting Warranty or Liability. While redistributing the Work or
+      Derivative Works thereof, You may choose to offer, and charge a fee
+      for, acceptance of support, warranty, indemnity, or other liability
+      obligations and/or rights consistent with this License. However, in
+      accepting such obligations, You may act only on Your own behalf and
+      on Your sole responsibility, not on behalf of any other Contributor,
+      and only if You agree to indemnify, defend, and hold each Contributor
+      harmless for any liability incurred by, or claims asserted against,
+      such Contributor by reason of your accepting any such warranty or
+      additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format in question. It may also be
+      provided in a machine-readable format not visible to end-users
+      (e.g., in a package manifest file).
+
+   Copyright 2025 prokodo (Christian Salat)
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+   implied. See the License for the specific language governing
+   permissions and limitations under the License.

package/NOTICE

@@ -0,0 +1,24 @@
+prokodo-ui
+Copyright 2025 prokodo (Christian Salat)
+
+This product is licensed under the Apache License, Version 2.0.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+----------------------------------------------------------------------------
+
+This repository contains Apache-2.0-licensed source code.
+Third-party assets included in this repository may carry their own licenses.
+See THIRD_PARTY_NOTICES.md for details.
+
+Branded theme files (signature colours, radial glows, brand illustrations,
+and the prokodo visual identity) are NOT distributed as part of this npm package.
+
+----------------------------------------------------------------------------
+
+TRADEMARK NOTICE
+
+"prokodo" and the prokodo logo are trademarks of prokodo (Christian Salat).
+The Apache License 2.0 does not grant permission to use these marks.
+See TRADEMARKS.md for the full trademark policy.

package/README.md

@@ -1,10 +1,8 @@
 <p align="center">
-  <a href="https://www.prokodo.com" target="_blank" rel="noopener noreferrer">
-    <img src="https://cdn.prokodo.com/prokodo_logo_1a3bb7867c/prokodo_logo_1a3bb7867c.webp" alt="prokodo – UI component library for React" height="58" />
+  <a href="https://ui.prokodo.com" target="_blank" rel="noopener noreferrer">
+    <img src="./assets/images/banner.svg" alt="prokodo UI — Empowering Digital Innovation" width="900" />
   </a>
 </p>
-<h1 align="center">prokodo UI (Beta)</h1>
-<h2 align="center">Empowering Digital Innovation</h2>
 
 **Modern, customizable UI components built with React and TypeScript — developed by [prokodo](https://www.prokodo.com) for high-performance web interfaces.**
 
@@ -27,11 +25,13 @@
  https://www.prokodo.com/en/guide/next-js/next-js-migration/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=migration_en
 </details>
 
+<br>
+
 [![npm](https://img.shields.io/npm/v/@prokodo/ui?style=flat&color=3178c6&label=npm)](https://www.npmjs.com/package/@prokodo/ui)
 [![CI](https://github.com/prokodo-agency/ui/actions/workflows/release.yml/badge.svg)](https://github.com/prokodo-agency/ui/actions/workflows/release.yml)
-[![License: BUSL-1.1](https://img.shields.io/badge/license-BUSL--1.1-blue.svg)](LICENSE)
-[![Storybook](https://img.shields.io/badge/storybook-ui.prokodo.com-ff4785?logo=storybook&logoColor=white)](https://ui.prokodo.com)
-[![bundlephobia](https://img.shields.io/bundlephobia/minzip/@prokodo/ui?label=bundle%20size&style=flat&color=blue)](https://bundlephobia.com/result?p=@prokodo/ui)
+[![License: Apache-2.0](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](LICENSE)
+[![Docs](https://img.shields.io/badge/docs-ui.prokodo.com-6c47ff?logo=googledocs&logoColor=white)](https://ui.prokodo.com)
+[![Storybook](https://img.shields.io/badge/storybook-ui.prokodo.com%2Fstorybook-ff4785?logo=storybook&logoColor=white)](https://ui.prokodo.com/storybook)
 [![Next.js](https://img.shields.io/badge/Next.js-13–16-black)](#)
 [![Turbopack](https://img.shields.io/badge/Works%20with-Turbopack-000)](#)
 
@@ -45,7 +45,7 @@
 - 🧩 **Component-rich**: 50+ reusable UI components
 - 🧪 **Reliable**: Fully tested with Jest and Testing Library
 - 📚 **Storybook**: Explore the components at [ui.prokodo.com](https://ui.prokodo.com)
-- 📦 **Ready-to-install**: Distributed via npm for non-production use under the BUSL-1.1 license
+- 📦 **Ready-to-install**: Distributed via npm under the Apache-2.0 license — free for production use
 - 🚀 **Optimized for Next.js 13–16 out of the box** (App Router, React Server Components)
 - ⚡ **Turbopack compatible** (no config required)
 - 🔗 **Framework adapters** via `UIRuntimeProvider` for `next/link` & `next/image`
@@ -64,13 +64,21 @@ Each component is built for **lazy loading**, works seamlessly with **React Serv
 
 This makes `@prokodo/ui` ideal for modern SSR apps using Next.js or Remix, with excellent Time-to-Interactive (TTI) and Core Web Vitals.
 
+## 📄 License & Usage
+
+|                  |                                                                                                                                        |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------- |
+| **License**      | [Apache-2.0](LICENSE) — free for production use, modification, and redistribution                                                      |
+| **Trademark**    | "prokodo" and the prokodo logo are trademarks of prokodo (Christian Salat). See [TRADEMARKS.md](TRADEMARKS.md)                         |
+| **Brand theme**  | Signature visuals (logo, illustrations, special glow patterns) may appear in docs/Storybook but are not distributed in the npm package |
+| **Contributing** | Sign-off required (DCO 1.1). See [CONTRIBUTING.md](CONTRIBUTING.md)                                                                    |
+| **Security**     | Responsible disclosure via GitHub Advisories. See [SECURITY.md](SECURITY.md)                                                           |
+
 ---
 
 ## 🚀 Getting Started
 
-### 1. Install the package
-
-> ⚠️ ESM-only: This package does not support CommonJS (`require()`).
+### Install
 
 ```bash
 pnpm add @prokodo/ui
@@ -78,300 +86,22 @@ pnpm add @prokodo/ui
 npm install @prokodo/ui
 ```
 
-### 2. Use a component
-
-#### React
-
-```tsx
-import { Button, type ButtonProps } from "@prokodo/ui/button"
-
-export default function Layout() {
-  // Renders to HTML on the server with zero‐JS.
-  // On the client, it will hydrate when scrolled into view or the user interacts.
-  return <Button title="Click me" />
-}
-```
-
-#### Next.js (RSC + AIC, lazy‐hydrate when visible/interacted)
-
-```tsx
-import { Button, type ButtonProps } from "@prokodo/ui/button"
-
-export default function Layout() {
-  // Renders to HTML on the server with zero‐JS.
-  // On the client, it will hydrate when scrolled into view or the user interacts.
-  return <Button title="Click me" />
-}
-```
-
-#### Next.js (RSC + AIC, force immediate hydration with priority)
-
-```tsx
-import { Button, type ButtonProps } from "@prokodo/ui/button"
-
-export default function AboveTheFoldHero() {
-  // Because this lives above the fold, we want it to hydrate right away:
-  return <Button priority title="Welcome to prokodo" />
-}
-```
-
-#### Next.js ("use client" wrapper, immediate hydration - above the fold)
-
-```tsx
-"use client"
-
-import { Button, type ButtonProps } from "@prokodo/ui/button"
-import { type FC, memo } from "react"
-
-// In a pure‐client file, you can wrap the AIC export.
-// The `priority` prop here ensures hydration runs immediately when mounted.
-export const HeadlineClient: FC<ButtonProps> = memo(props => {
-  return <Button {...props} priority />
-})
-```
-
-#### Next.js (hydrate on visibility only, default behavior)
-
-```tsx
-import { Headline, type ButtonProps } from "@prokodo/ui/button"
-
-export default function GalleryPage() {
-  return (
-    <div style={{ height: "200vh" }}>
-      <p>Keep scrolling…</p>
-      <div style={{ marginTop: "100vh" }}>
-        {/* This will render as HTML on the server;
-            on the client, it only hydrates when this element scrolls into view. */}
-        <Button title="I hydrate when you see me" />
-      </div>
-    </div>
-  )
-}
-```
-
-## 📦 Available Components
-
-### Compatibility of the components
-
-- ✅ = Available as AIC (renders zero-JS RSC and self-hydrates when needed) and can also be used as a client‐only entry.
-- \- = RSC (AIC) only; no client‐side bundle needed. (Usable in both, but best practice to use in RSC only)
-
-| Component           | ✅ AIC (RSC + optional client) | ✅ SSR-Compatible (`"use client"`) |
-| ------------------- | :----------------------------: | :--------------------------------: |
-| Accordion           |               ✅               |                 ✅                 |
-| Animated            |               ✅               |                 ✅                 |
-| AnimatedText        |               ✅               |                 ✅                 |
-| Autocomplete        |               ✅               |                 ✅                 |
-| Avatar              |               ✅               |                 ✅                 |
-| BaseLink            |               ✅               |                 ✅                 |
-| Button              |               ✅               |                 ✅                 |
-| Calendly            |               ✅               |                 ✅                 |
-| Card                |               ✅               |                 ✅                 |
-| Carousel            |               ✅               |                 ✅                 |
-| Checkbox            |               ✅               |                 ✅                 |
-| CheckboxGroup       |               ✅               |                 ✅                 |
-| Chip                |               ✅               |                 ✅                 |
-| DatePicker          |               ✅               |                 ✅                 |
-| Dialog              |               ✅               |                 ✅                 |
-| Drawer              |               ✅               |                 ✅                 |
-| DynamicList         |               ✅               |                 ✅                 |
-| Form                |               ✅               |                 ✅                 |
-| FormResponse        |               ✅               |                 –                  |
-| Grid/GridRow        |               ✅               |                 –                  |
-| Headline            |               ✅               |                 -                  |
-| Icon                |               ✅               |                 –                  |
-| Image               |               ✅               |                 ✅                 |
-| ImageText           |               ✅               |                 -                  |
-| Input               |               ✅               |                 ✅                 |
-| Label               |               ✅               |                 –                  |
-| Link                |               ✅               |                 ✅                 |
-| List                |               ✅               |                 –                  |
-| Loading             |               ✅               |                 –                  |
-| Lottie              |               ❌               |                 ✅                 |
-| Map                 |               ❌               |                 ✅                 |
-| Pagination          |               ✅               |                 ✅                 |
-| PostItem            |               ✅               |                 ✅                 |
-| PostTeaser          |               ✅               |                 ✅                 |
-| PostWidget          |               ✅               |                 ✅                 |
-| PostWidgetCarousel  |               ✅               |                 ✅                 |
-| ProgressBar         |               ✅               |                 ✅                 |
-| Quote               |               ✅               |                 –                  |
-| Rating              |               ✅               |                 ✅                 |
-| RichText            |               ✅               |                 ✅                 |
-| RTE (Beta)          |               ✅               |                 ✅                 |
-| Select              |               ✅               |                 ✅                 |
-| SideNav             |               ✅               |                 ✅                 |
-| Skeleton            |               ✅               |                 –                  |
-| Slider              |               ✅               |                 ✅                 |
-| Snackbar & Provider |               ✅               |                 ✅                 |
-| Stepper             |               ✅               |                 ✅                 |
-| Switch              |               ✅               |                 ✅                 |
-| Table               |               ✅               |                 –                  |
-| Tabs                |               ✅               |                 ✅                 |
-| Teaser              |               ✅               |                 -                  |
-| Tooltip             |               ✅               |                 ✅                 |
-
-## Since Next.js 16
-
-- Link/Image runtime provider (required for <Link>/<Image> adapters)
-- For Next.js apps, provide your framework components (next/link, next/image) via a small client provider.
-- Do not pass linkComponent / imageComponent props from pages—use the provider instead.
-
-### 1. Create a client provider
-
-```tsx
-// app/providers/ProkodoUiNextProvider.tsx
-"use client"
-
-import NextLink from "next/link"
-import NextImage from "next/image"
-import { UIRuntimeProvider } from "@prokodo/ui/runtime"
-
-export function ProkodoUiNextProvider({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <UIRuntimeProvider
-      value={{ linkComponent: NextLink, imageComponent: NextImage }}
-    >
-      {children}
-    </UIRuntimeProvider>
-  )
-}
-```
-
-### 2. Wrap your root layout
-
-```tsx
-// app/layout.tsx (server component)
-import { ProkodoUiNextProvider } from "./providers/ProkodoUiNextProvider"
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en">
-      <body>
-        <ProkodoUiNextProvider>{children}</ProkodoUiNextProvider>
-      </body>
-    </html>
-  )
-}
-```
-
-### 3. Use components normally (no extra props needed)
-
-```tsx
-import { Link } from "@prokodo/ui/link"
-import { Image } from "@prokodo/ui/image"
-
-export default function Page() {
-  return (
-    <>
-      <Link href="/about">About</Link>
-      <Image src="/hero.jpg" alt="Hero" />
-    </>
-  )
-}
-```
-
-**Notes**:
-
-- The provider file must be a "use client" module.
-- Remove any linkComponent / imageComponent props you previously passed from server code.
-- Plain React (non-Next) apps don’t need this; just use <a> / <img> or pass your own adapters inside client components.
-
-## How to create my own Island Component?
-
-### 1. Create your island component (Navbar.tsx):
-
-Island architecture lets you render components on the server and hydrate them on the client only when needed.
-
-```tsx
-import { createIsland } from "@prokodo/ui/createIsland"
-import { NavbarServer } from "./Navbar.server"
-
-import type { NavbarProps } from "./Navbar.model"
-
-export const Navbar = createIsland<NavbarProps>({
-  name: "Navbar",
-  Server: NavbarServer,
-  loadLazy: () => import("./Navbar.lazy"),
-
-  // Optional: Force client-side hydration as soon as someone uses an action
-  // We are automatically recognizing onChange, onKeyDown, ... events. Only needed for custom attributes.
-  isInteractive: (p: NavbarProps) => p.customEvent === true,
-})
-```
-
-### 2. Create your lazy-hydrate wrapper (Navbar.lazy):
-
-```tsx
-"use client"
-import { createLazyWrapper } from "@prokodo/ui/createLazyWrapper"
-
-import { NavbarClient } from "./Navbar.client"
-import { NavbarServer } from "./Navbar.server"
-
-import type { NavbarProps } from "./Navbar.model"
-
-export default createLazyWrapper<NavbarProps>({
-  name: "Navbar",
-  Client: NavbarClient,
-  Server: NavbarServer,
-
-  // Optional: Defer hydration until the component becomes visible in the viewport (Default: true)
-  // Can be controlled by priority attribute.
-  hydrateOnVisible: false,
-
-  // Optional: Force client-side hydration as soon as someone uses an action.
-  // We are automatically recognizing onChange, onKeyDown, ... events. Only needed for custom attributes.
-  isInteractive: (p: NavbarProps) => p.customEvent === true,
-})
-```
-
-## 🎯 Next steps
-
-- [ ] Add more ✨ **fancy styling**, UI polish and properties
-- [ ] Improve **accessibility** to meet **WCAG 2.2 AAA** standards
-- [ ] Detailed Documentation about the components
-- [x] Detailed Typescript-Model-Documentation about the components
-
-## Examples (Next.js + Headless CMS)
-
-Real-world setups we ship:
-
-- Next.js + **Strapi** content models
-- Next.js + **Contentful** entries & preview
-- Migration from **Headless WordPress** to Next.js
-
-**Need help or a quick scoping?**
-
-- 🇺🇸 **Next.js Agency (EN)** → https://www.prokodo.com/en/next-js-agency/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=examples_cta_en
-- 🇩🇪 **Next.js Agentur (DE)** → https://www.prokodo.com/de/next-js-agentur/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=examples_cta_de
-
-<details>
-  <summary><b>Further reading: Next.js guides</b> (SEO · Performance · Migration)</summary>
-
-- SEO (Metadata API, hreflang):  
-  https://www.prokodo.com/en/guide/next-js/next-js-seo/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=seo_en
+> ⚠️ ESM-only: This package does not support CommonJS (`require()`).
 
-- Performance (LCP/INP/CLS, Streaming SSR):  
-  https://www.prokodo.com/en/guide/next-js/next-js-performance/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=perf_en
+### Documentation & Examples
 
-- Migration Playbook (RACI, Canary, Rollback):  
- https://www.prokodo.com/en/guide/next-js/next-js-migration/?utm_source=github&utm_medium=readme_examples&utm_campaign=ui&utm_content=migration_en
-</details>
+| Resource                          | Link                                                                       |
+| --------------------------------- | -------------------------------------------------------------------------- |
+| 📖 Full docs & API reference      | [ui.prokodo.com](https://ui.prokodo.com)                                   |
+| 🎨 Interactive component explorer | [ui.prokodo.com/storybook](https://ui.prokodo.com/storybook)               |
+| 📦 npm                            | [npmjs.com/package/@prokodo/ui](https://www.npmjs.com/package/@prokodo/ui) |
 
 ## 📘 Documentation
 
-Explore all components and examples in the official Storybook:
-
-👉 https://ui.prokodo.com
+|                                   |                                                              |
+| --------------------------------- | ------------------------------------------------------------ |
+| 📖 Docs & API reference           | [ui.prokodo.com](https://ui.prokodo.com)                     |
+| 🎨 Component explorer (Storybook) | [ui.prokodo.com/storybook](https://ui.prokodo.com/storybook) |
 
 ## 🛠 Local Development
 
@@ -390,7 +120,7 @@ pnpm run storybook:build
 
 ## 📄 License
 
-This library is published under the Business Source License 1.1 (BUSL-1.1).
+This library is published under the [Apache License 2.0](LICENSE).
 
-© 2025 prokodo — All rights reserved.
+© 2025 prokodo. See [NOTICE](NOTICE) and [TRADEMARKS.md](TRADEMARKS.md).  
 Visit us at [prokodo.com](https://www.prokodo.com).