@alpic-ai/ui 0.0.0-dev.6d637e5 → 0.0.0-dev.786a17e

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.
Files changed (4) hide show
  1. package/dist/components/typography.d.mts +34 -0
  2. package/dist/components/typography.mjs +29 -0
  3. package/package.json +1 -1
  4. package/src/components/typography.tsx +19 -0
package/dist/components/typography.d.mts ADDED
@@ -0,0 +1,34 @@
1
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
2
+ import { ReactNode } from "react";
3
+
4
+ //#region src/components/typography.d.ts
5
+ declare function H1({
6
+ children,
7
+ className
8
+ }: {
9
+ children: ReactNode;
10
+ className?: string;
11
+ }): _$react_jsx_runtime0.JSX.Element;
12
+ declare function H2({
13
+ children,
14
+ className
15
+ }: {
16
+ children: ReactNode;
17
+ className?: string;
18
+ }): _$react_jsx_runtime0.JSX.Element;
19
+ declare function H3({
20
+ children,
21
+ className
22
+ }: {
23
+ children: ReactNode;
24
+ className?: string;
25
+ }): _$react_jsx_runtime0.JSX.Element;
26
+ declare function H4({
27
+ children,
28
+ className
29
+ }: {
30
+ children: ReactNode;
31
+ className?: string;
32
+ }): _$react_jsx_runtime0.JSX.Element;
33
+ //#endregion
34
+ export { H1, H2, H3, H4 };
package/dist/components/typography.mjs ADDED
@@ -0,0 +1,29 @@
1
+ import { cn } from "../lib/cn.mjs";
2
+ import { jsx } from "react/jsx-runtime";
3
+ //#region src/components/typography.tsx
4
+ function H1({ children, className }) {
5
+ return /* @__PURE__ */ jsx("h1", {
6
+ className: cn("scroll-m-20 type-display-sm font-bold", className),
7
+ children
8
+ });
9
+ }
10
+ function H2({ children, className }) {
11
+ return /* @__PURE__ */ jsx("h2", {
12
+ className: cn("scroll-m-20 type-display-xs font-semibold", className),
13
+ children
14
+ });
15
+ }
16
+ function H3({ children, className }) {
17
+ return /* @__PURE__ */ jsx("h3", {
18
+ className: cn("scroll-m-20 type-text-lg font-semibold", className),
19
+ children
20
+ });
21
+ }
22
+ function H4({ children, className }) {
23
+ return /* @__PURE__ */ jsx("h4", {
24
+ className: cn("scroll-m-20 type-text-md font-semibold", className),
25
+ children
26
+ });
27
+ }
28
+ //#endregion
29
+ export { H1, H2, H3, H4 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alpic-ai/ui",
3
- "version": "0.0.0-dev.6d637e5",
3
+ "version": "0.0.0-dev.786a17e",
4
4
  "description": "Alpic design system — shared UI components",
5
5
  "type": "module",
6
6
  "exports": {
package/src/components/typography.tsx ADDED
@@ -0,0 +1,19 @@
1
+ import type { ReactNode } from "react";
2
+
3
+ import { cn } from "../lib/cn";
4
+
5
+ export function H1({ children, className }: { children: ReactNode; className?: string }) {
6
+ return <h1 className={cn("scroll-m-20 type-display-sm font-bold", className)}>{children}</h1>;
7
+ }
8
+
9
+ export function H2({ children, className }: { children: ReactNode; className?: string }) {
10
+ return <h2 className={cn("scroll-m-20 type-display-xs font-semibold", className)}>{children}</h2>;
11
+ }
12
+
13
+ export function H3({ children, className }: { children: ReactNode; className?: string }) {
14
+ return <h3 className={cn("scroll-m-20 type-text-lg font-semibold", className)}>{children}</h3>;
15
+ }
16
+
17
+ export function H4({ children, className }: { children: ReactNode; className?: string }) {
18
+ return <h4 className={cn("scroll-m-20 type-text-md font-semibold", className)}>{children}</h4>;
19
+ }