@nextop-os/ui-system 0.0.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/README.md +14 -0
- package/dist/chunk-DGPY4WP3.js +11 -0
- package/dist/chunk-DGPY4WP3.js.map +1 -0
- package/dist/chunk-IK2XRJQG.js +56 -0
- package/dist/chunk-IK2XRJQG.js.map +1 -0
- package/dist/chunk-UM7LPYRB.js +897 -0
- package/dist/chunk-UM7LPYRB.js.map +1 -0
- package/dist/chunk-V2GNGNUX.js +130 -0
- package/dist/chunk-V2GNGNUX.js.map +1 -0
- package/dist/components/index.d.ts +108 -0
- package/dist/components/index.js +99 -0
- package/dist/components/index.js.map +1 -0
- package/dist/icons/index.d.ts +51 -0
- package/dist/icons/index.js +87 -0
- package/dist/icons/index.js.map +1 -0
- package/dist/index.d.ts +10 -0
- package/dist/index.js +185 -0
- package/dist/index.js.map +1 -0
- package/dist/styles/base.css +49 -0
- package/dist/styles/index.css +3 -0
- package/dist/styles/semantic.css +39 -0
- package/dist/styles/theme.css +132 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +7 -0
- package/dist/utils.js.map +1 -0
- package/package.json +87 -0
package/README.md
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
# @nextop-os/ui-system
|
|
2
|
+
|
|
3
|
+
Shared Nextop UI tokens, styles, icons, and low-level React primitives.
|
|
4
|
+
|
|
5
|
+
This package is published to npm as `@nextop-os/ui-system`.
|
|
6
|
+
|
|
7
|
+
Import the stylesheet once from the renderer or application shell:
|
|
8
|
+
|
|
9
|
+
```ts
|
|
10
|
+
import "@nextop-os/ui-system/styles.css";
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
Application code should prefer the root package export and the documented stable
|
|
14
|
+
subpaths over deep imports from internal files.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/lib/utils.ts"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n"],"mappings":";AAAA,SAAS,YAA6B;AACtC,SAAS,eAAe;AAEjB,SAAS,MAAM,QAAsB;AAC1C,SAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B;","names":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
// src/icons/nextop-mark.tsx
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
function NextopMark({
|
|
4
|
+
className,
|
|
5
|
+
size = 28,
|
|
6
|
+
title,
|
|
7
|
+
...props
|
|
8
|
+
}) {
|
|
9
|
+
const dimension = typeof size === "number" ? `${size}` : size;
|
|
10
|
+
return /* @__PURE__ */ jsxs(
|
|
11
|
+
"svg",
|
|
12
|
+
{
|
|
13
|
+
"aria-hidden": title ? void 0 : true,
|
|
14
|
+
className,
|
|
15
|
+
fill: "none",
|
|
16
|
+
height: dimension,
|
|
17
|
+
viewBox: "0 0 28 28",
|
|
18
|
+
width: dimension,
|
|
19
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20
|
+
...props,
|
|
21
|
+
children: [
|
|
22
|
+
title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
|
|
23
|
+
/* @__PURE__ */ jsx(
|
|
24
|
+
"rect",
|
|
25
|
+
{
|
|
26
|
+
fill: "var(--panel)",
|
|
27
|
+
height: "27",
|
|
28
|
+
rx: "13.5",
|
|
29
|
+
width: "27",
|
|
30
|
+
x: "0.5",
|
|
31
|
+
y: "0.5"
|
|
32
|
+
}
|
|
33
|
+
),
|
|
34
|
+
/* @__PURE__ */ jsx(
|
|
35
|
+
"path",
|
|
36
|
+
{
|
|
37
|
+
d: "M8.5 18.4V9.6H11.1L16.5 16.35V9.6H19.5V18.4H16.95L11.5 11.58V18.4H8.5Z",
|
|
38
|
+
fill: "currentColor"
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ jsx(
|
|
42
|
+
"path",
|
|
43
|
+
{
|
|
44
|
+
d: "M19.48 8.55L21.6 6.44L21.57 11.12L16.9 11.08L19.48 8.55Z",
|
|
45
|
+
fill: "var(--primary)"
|
|
46
|
+
}
|
|
47
|
+
)
|
|
48
|
+
]
|
|
49
|
+
}
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
export {
|
|
54
|
+
NextopMark
|
|
55
|
+
};
|
|
56
|
+
//# sourceMappingURL=chunk-IK2XRJQG.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/icons/nextop-mark.tsx"],"sourcesContent":["import type { IconProps } from \"./types\";\n\nexport function NextopMark({\n className,\n size = 28,\n title,\n ...props\n}: IconProps) {\n const dimension = typeof size === \"number\" ? `${size}` : size;\n\n return (\n <svg\n aria-hidden={title ? undefined : true}\n className={className}\n fill=\"none\"\n height={dimension}\n viewBox=\"0 0 28 28\"\n width={dimension}\n xmlns=\"http://www.w3.org/2000/svg\"\n {...props}\n >\n {title ? <title>{title}</title> : null}\n <rect\n fill=\"var(--panel)\"\n height=\"27\"\n rx=\"13.5\"\n width=\"27\"\n x=\"0.5\"\n y=\"0.5\"\n />\n <path\n d=\"M8.5 18.4V9.6H11.1L16.5 16.35V9.6H19.5V18.4H16.95L11.5 11.58V18.4H8.5Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M19.48 8.55L21.6 6.44L21.57 11.12L16.9 11.08L19.48 8.55Z\"\n fill=\"var(--primary)\"\n />\n </svg>\n );\n}\n"],"mappings":";AAWI,SAUW,KAVX;AATG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GAAc;AACZ,QAAM,YAAY,OAAO,SAAS,WAAW,GAAG,IAAI,KAAK;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa,QAAQ,SAAY;AAAA,MACjC;AAAA,MACA,MAAK;AAAA,MACL,QAAQ;AAAA,MACR,SAAQ;AAAA,MACR,OAAO;AAAA,MACP,OAAM;AAAA,MACL,GAAG;AAAA,MAEH;AAAA,gBAAQ,oBAAC,WAAO,iBAAM,IAAW;AAAA,QAClC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,QAAO;AAAA,YACP,IAAG;AAAA,YACH,OAAM;AAAA,YACN,GAAE;AAAA,YACF,GAAE;AAAA;AAAA,QACJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
|