@alpic-ai/ui 0.0.0-dev.97d81a4 → 0.0.0-dev.a2b407c

package/dist/components/skeleton.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/skeleton.d.ts
 declare const skeletonVariants: (props?: ({
-  shape?: "rectangle" | "circle" | null | undefined;
+  shape?: "circle" | "rectangle" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface SkeletonProps extends React.ComponentProps<"div">, VariantProps<typeof skeletonVariants> {}
 declare function Skeleton({

package/dist/components/typography.d.mts

@@ -0,0 +1,34 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { ReactNode } from "react";
+
+//#region src/components/typography.d.ts
+declare function H1({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H2({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H3({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+declare function H4({
+  children,
+  className
+}: {
+  children: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { H1, H2, H3, H4 };

package/dist/components/typography.mjs

@@ -0,0 +1,29 @@
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/typography.tsx
+function H1({ children, className }) {
+	return /* @__PURE__ */ jsx("h1", {
+		className: cn("scroll-m-20 type-display-sm font-bold", className),
+		children
+	});
+}
+function H2({ children, className }) {
+	return /* @__PURE__ */ jsx("h2", {
+		className: cn("scroll-m-20 type-display-xs font-semibold", className),
+		children
+	});
+}
+function H3({ children, className }) {
+	return /* @__PURE__ */ jsx("h3", {
+		className: cn("scroll-m-20 type-text-lg font-semibold", className),
+		children
+	});
+}
+function H4({ children, className }) {
+	return /* @__PURE__ */ jsx("h4", {
+		className: cn("scroll-m-20 type-text-md font-semibold", className),
+		children
+	});
+}
+//#endregion
+export { H1, H2, H3, H4 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-dev.97d81a4",
+  "version": "0.0.0-dev.a2b407c",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {
@@ -23,13 +23,13 @@
     "src"
   ],
   "peerDependencies": {
-    "lucide-react": "^1.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "lucide-react": "^1.7.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
     "react-hook-form": "^7.72.1",
-    "sonner": "^2.0.0",
-    "tailwindcss": "^4.0.0",
-    "tw-animate-css": "^1.0.0"
+    "sonner": "^2.0.7",
+    "tailwindcss": "^4.2.2",
+    "tw-animate-css": "^1.4.0"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.12",

package/src/components/typography.tsx

@@ -0,0 +1,19 @@
+import type { ReactNode } from "react";
+
+import { cn } from "../lib/cn";
+
+export function H1({ children, className }: { children: ReactNode; className?: string }) {
+  return <h1 className={cn("scroll-m-20 type-display-sm font-bold", className)}>{children}</h1>;
+}
+
+export function H2({ children, className }: { children: ReactNode; className?: string }) {
+  return <h2 className={cn("scroll-m-20 type-display-xs font-semibold", className)}>{children}</h2>;
+}
+
+export function H3({ children, className }: { children: ReactNode; className?: string }) {
+  return <h3 className={cn("scroll-m-20 type-text-lg font-semibold", className)}>{children}</h3>;
+}
+
+export function H4({ children, className }: { children: ReactNode; className?: string }) {
+  return <h4 className={cn("scroll-m-20 type-text-md font-semibold", className)}>{children}</h4>;
+}