@alpic-ai/ui 0.0.0-dev.e0dec20 → 0.0.0-dev.e1dc311

package/dist/components/alert.d.mts

@@ -5,7 +5,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/alert.d.ts
 declare const alertVariants: (props?: ({
-  variant?: "success" | "destructive" | "warning" | "default" | null | undefined;
+  variant?: "default" | "destructive" | "warning" | "success" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {}
 declare function Alert({

package/dist/components/badge.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/badge.d.ts
 declare const badgeVariants: (props?: ({
-  variant?: "success" | "warning" | "secondary" | "primary" | "error" | null | undefined;
+  variant?: "warning" | "success" | "secondary" | "primary" | "error" | null | undefined;
   size?: "sm" | "md" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface BadgeProps extends React.ComponentProps<"span">, VariantProps<typeof badgeVariants> {}

package/dist/components/dropdown-menu.d.mts

@@ -23,7 +23,7 @@ declare function DropdownMenuGroup({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): _$react_jsx_runtime0.JSX.Element;
 declare const dropdownMenuItemVariants: (props?: ({
-  variant?: "destructive" | "default" | null | undefined;
+  variant?: "default" | "destructive" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function DropdownMenuItem({
   className,

package/dist/components/page-loader.mjs

@@ -30,7 +30,7 @@ const CABLE_CAR_SVG = /* @__PURE__ */ jsxs("svg", {
 			width: "110",
 			height: "64",
 			rx: "4",
-			fill: "#D42B2B"
+			fill: "#e90060"
 		}),
 		/* @__PURE__ */ jsx("rect", {
 			x: "5",
@@ -83,7 +83,7 @@ const CABLE_CAR_SVG = /* @__PURE__ */ jsxs("svg", {
 			width: "110",
 			height: "7",
 			rx: "3",
-			fill: "#B02525"
+			fill: "#9f0042"
 		})
 	]
 });

package/dist/components/shimmer-text.d.mts

@@ -0,0 +1,12 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/shimmer-text.d.ts
+declare function ShimmerText({
+  children,
+  className
+}: {
+  children: string | number;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ShimmerText };

package/dist/components/shimmer-text.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { cn } from "../lib/cn.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/shimmer-text.tsx
+const shimmerStyle = {
+	background: `linear-gradient(90deg, #0000 calc(50% - 60px), var(--color-foreground), #0000 calc(50% + 60px)), linear-gradient(color-mix(in oklab, var(--color-muted-foreground) 70%, transparent), color-mix(in oklab, var(--color-muted-foreground) 70%, transparent))`,
+	backgroundSize: "250% 100%, auto",
+	backgroundRepeat: "no-repeat, padding-box",
+	WebkitBackgroundClip: "text",
+	WebkitTextFillColor: "transparent",
+	backgroundClip: "text",
+	animation: "shimmer-text 2.5s linear infinite"
+};
+function ShimmerText({ children, className }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn(className),
+		style: shimmerStyle,
+		children
+	});
+}
+//#endregion
+export { ShimmerText };

package/dist/components/status-dot.d.mts

@@ -4,7 +4,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 
 //#region src/components/status-dot.d.ts
 declare const statusDotVariants: (props?: ({
-  variant?: "success" | "destructive" | "warning" | "muted" | null | undefined;
+  variant?: "destructive" | "warning" | "success" | "muted" | null | undefined;
   pulse?: boolean | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 interface StatusDotProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof statusDotVariants> {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpic-ai/ui",
-  "version": "0.0.0-dev.e0dec20",
+  "version": "0.0.0-dev.e1dc311",
   "description": "Alpic design system — shared UI components",
   "type": "module",
   "exports": {
@@ -23,12 +23,12 @@
     "src"
   ],
   "peerDependencies": {
-    "lucide-react": "^1.11.0",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-hook-form": "^7.74.0",
+    "lucide-react": "^1.14.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-hook-form": "^7.75.0",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tw-animate-css": "^1.4.0"
   },
   "dependencies": {
@@ -52,19 +52,19 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
-    "tailwind-merge": "^3.5.0"
+    "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@ladle/react": "^5.1.1",
-    "@tailwindcss/postcss": "^4.2.4",
+    "@tailwindcss/postcss": "^4.3.0",
     "@types/react": "19.2.14",
     "@types/react-dom": "19.2.3",
-    "lucide-react": "^1.11.0",
-    "react-hook-form": "^7.74.0",
+    "lucide-react": "^1.14.0",
+    "react-hook-form": "^7.75.0",
     "shx": "^0.4.0",
     "sonner": "^2.0.7",
-    "tailwindcss": "^4.2.4",
-    "tsdown": "^0.21.10",
+    "tailwindcss": "^4.3.0",
+    "tsdown": "^0.22.0",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"
   },

package/src/components/page-loader.tsx

@@ -13,13 +13,13 @@ const CABLE_CAR_SVG = (
   >
     <line x1="60" y1="3" x2="60" y2="58" stroke="#333" strokeWidth="4" />
     <circle cx="60" cy="11" r="10" fill="#555" />
-    <rect x="5" y="58" width="110" height="64" rx="4" fill="#D42B2B" />
+    <rect x="5" y="58" width="110" height="64" rx="4" fill="#e90060" />
     <rect x="5" y="58" width="110" height="20" rx="4" fill="#F5F0E8" />
     <rect x="5" y="68" width="110" height="10" fill="#F5F0E8" />
     <rect x="14" y="66" width="26" height="30" rx="2" fill="#5B8EC9" stroke="#C4B9A8" strokeWidth="1.5" />
     <rect x="47" y="66" width="26" height="30" rx="2" fill="#5B8EC9" stroke="#C4B9A8" strokeWidth="1.5" />
     <rect x="80" y="66" width="26" height="30" rx="2" fill="#5B8EC9" stroke="#C4B9A8" strokeWidth="1.5" />
-    <rect x="5" y="115" width="110" height="7" rx="3" fill="#B02525" />
+    <rect x="5" y="115" width="110" height="7" rx="3" fill="#9f0042" />
   </svg>
 );
 

package/src/components/shimmer-text.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import type React from "react";
+
+import { cn } from "../lib/cn";
+
+const shimmerStyle: React.CSSProperties = {
+  background: `linear-gradient(90deg, #0000 calc(50% - 60px), var(--color-foreground), #0000 calc(50% + 60px)), linear-gradient(color-mix(in oklab, var(--color-muted-foreground) 70%, transparent), color-mix(in oklab, var(--color-muted-foreground) 70%, transparent))`,
+  backgroundSize: "250% 100%, auto",
+  backgroundRepeat: "no-repeat, padding-box",
+  WebkitBackgroundClip: "text",
+  WebkitTextFillColor: "transparent",
+  backgroundClip: "text",
+  animation: "shimmer-text 2.5s linear infinite",
+};
+
+export function ShimmerText({ children, className }: { children: string | number; className?: string }) {
+  return (
+    <span className={cn(className)} style={shimmerStyle}>
+      {children}
+    </span>
+  );
+}

package/src/styles/tokens.css

@@ -113,6 +113,15 @@
   --animate-beacon-ring-pulse: beacon-ring-pulse 2.2s ease-in-out infinite;
 }
 
+@keyframes shimmer-text {
+  from {
+    background-position: 100% center;
+  }
+  to {
+    background-position: 0% center;
+  }
+}
+
 @keyframes alpic-ride {
   0% {
     transform: translate(0px, 0px);
@@ -155,14 +164,12 @@
 @keyframes beacon-ring-pulse {
   0%,
   100% {
-    opacity: 0.88;
+    opacity: 0.55;
     transform: scale(1);
-    filter: drop-shadow(0 0 0 rgba(59, 130, 246, 0));
   }
   50% {
-    opacity: 1;
+    opacity: 0.9;
     transform: scale(1.02);
-    filter: drop-shadow(0 0 8px rgba(59, 130, 246, 0.24));
   }
 }