poinqu-ui-kit 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/README.md +51 -0
- package/dist/index.d.ts +6 -1
- package/dist/index.mjs +1938 -4882
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,21 @@ Semua perubahan penting pada Poinqu UI. Format mengikuti
|
|
|
4
4
|
[Keep a Changelog](https://keepachangelog.com/) dan
|
|
5
5
|
[Semantic Versioning](https://semver.org/).
|
|
6
6
|
|
|
7
|
+
## [0.2.1] — 2026-10-26
|
|
8
|
+
|
|
9
|
+
### Fixed
|
|
10
|
+
|
|
11
|
+
- `Breadcrumb` tidak lagi mengimpor `next/link`; sekarang memakai anchor native
|
|
12
|
+
dan mendukung prop `linkComponent` untuk Next.js atau router lain.
|
|
13
|
+
- Build paket tidak lagi membawa kode internal Next.js dan tidak membutuhkan
|
|
14
|
+
shim `process`, sehingga aman dipakai sebagai ESM dari CDN.
|
|
15
|
+
- Ukuran `dist/index.mjs` turun dari ±216 kB menjadi ±119 kB.
|
|
16
|
+
|
|
17
|
+
### Added
|
|
18
|
+
|
|
19
|
+
- Dukungan CDN lewat jsDelivr + import map, didokumentasikan di README dan
|
|
20
|
+
halaman installation.
|
|
21
|
+
|
|
7
22
|
## [0.2.0] — 2026-10-25
|
|
8
23
|
|
|
9
24
|
### Added
|
package/README.md
CHANGED
|
@@ -108,6 +108,57 @@ import { ThemeScript } from "poinqu-ui-kit";
|
|
|
108
108
|
|
|
109
109
|
---
|
|
110
110
|
|
|
111
|
+
### CDN / tanpa build step
|
|
112
|
+
|
|
113
|
+
CSS tersedia langsung dari jsDelivr:
|
|
114
|
+
|
|
115
|
+
```html
|
|
116
|
+
<link
|
|
117
|
+
rel="stylesheet"
|
|
118
|
+
href="https://cdn.jsdelivr.net/npm/poinqu-ui-kit@0.2.1/dist/poinqu-ui.css"
|
|
119
|
+
/>
|
|
120
|
+
```
|
|
121
|
+
|
|
122
|
+
Untuk komponen React, paket npm berupa ESM dan React di-resolve lewat
|
|
123
|
+
`importmap`:
|
|
124
|
+
|
|
125
|
+
```html
|
|
126
|
+
<script type="importmap">
|
|
127
|
+
{
|
|
128
|
+
"imports": {
|
|
129
|
+
"react": "https://esm.sh/react@19.3.0",
|
|
130
|
+
"react-dom": "https://esm.sh/react-dom@19.3.0?deps=react@19.3.0",
|
|
131
|
+
"react/jsx-runtime": "https://esm.sh/react@19.3.0/jsx-runtime",
|
|
132
|
+
"react-dom/client": "https://esm.sh/react-dom@19.3.0/client?deps=react@19.3.0"
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
</script>
|
|
136
|
+
|
|
137
|
+
<div id="root"></div>
|
|
138
|
+
|
|
139
|
+
<script type="module">
|
|
140
|
+
import React from "react";
|
|
141
|
+
import { createRoot } from "react-dom/client";
|
|
142
|
+
import { Button, ThemeProvider } from "https://cdn.jsdelivr.net/npm/poinqu-ui-kit@0.2.1/dist/index.mjs";
|
|
143
|
+
|
|
144
|
+
const h = React.createElement;
|
|
145
|
+
|
|
146
|
+
createRoot(document.getElementById("root")).render(
|
|
147
|
+
h(ThemeProvider, null,
|
|
148
|
+
h(Button, {
|
|
149
|
+
label: "CDN works",
|
|
150
|
+
variant: "solid",
|
|
151
|
+
tone: "primary",
|
|
152
|
+
icon: "lucide:check",
|
|
153
|
+
}),
|
|
154
|
+
),
|
|
155
|
+
);
|
|
156
|
+
</script>
|
|
157
|
+
```
|
|
158
|
+
|
|
159
|
+
Tanpa build step tidak ada JSX; gunakan `React.createElement` atau `htm`.
|
|
160
|
+
Untuk produksi, bundling tetap disarankan.
|
|
161
|
+
|
|
111
162
|
## Dokumentasi di repo ini
|
|
112
163
|
|
|
113
164
|
Repo ini sekaligus menjadi situs dokumentasi (Next.js App Router):
|
package/dist/index.d.ts
CHANGED
|
@@ -133,7 +133,7 @@ export declare const BRAND: {
|
|
|
133
133
|
mark: string;
|
|
134
134
|
};
|
|
135
135
|
|
|
136
|
-
export declare function Breadcrumb({ items, ariaLabel, separator, className, }: BreadcrumbProps): JSX.Element;
|
|
136
|
+
export declare function Breadcrumb({ items, ariaLabel, separator, linkComponent, className, }: BreadcrumbProps): JSX.Element;
|
|
137
137
|
|
|
138
138
|
export declare type BreadcrumbItem = {
|
|
139
139
|
label: string;
|
|
@@ -145,6 +145,11 @@ declare type BreadcrumbProps = {
|
|
|
145
145
|
items: BreadcrumbItem[];
|
|
146
146
|
ariaLabel?: string;
|
|
147
147
|
separator?: ReactNode;
|
|
148
|
+
/**
|
|
149
|
+
* Optional link component, e.g. Next.js `Link`. Defaults to a native anchor
|
|
150
|
+
* so the package stays framework-agnostic and works from a CDN.
|
|
151
|
+
*/
|
|
152
|
+
linkComponent?: ElementType;
|
|
148
153
|
className?: string;
|
|
149
154
|
};
|
|
150
155
|
|