@m3000/market 0.0.1

package/src/lib/cn.ts

@@ -0,0 +1,81 @@
+import { type ClassValue, clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+
+// Primitive color scale (Radix-style 1-12 naming)
+const PRIMITIVE_COLORS = [
+  "grey-1",
+  "grey-2",
+  "grey-3",
+  "grey-4",
+  "grey-5",
+  "grey-6",
+  "grey-7",
+  "grey-8",
+  "grey-9",
+  "grey-10",
+  "grey-11",
+  "grey-12",
+  "white",
+  "black",
+  "current",
+  "transparent",
+];
+
+// Semantic color tokens (shadcn-style naming)
+const SEMANTIC_COLORS = [
+  "background",
+  "foreground",
+  "muted",
+  "muted-foreground",
+  "card",
+  "card-foreground",
+  "popover",
+  "popover-foreground",
+  "primary",
+  "primary-hover",
+  "primary-foreground",
+  "secondary",
+  "secondary-hover",
+  "secondary-foreground",
+  "accent",
+  "accent-hover",
+  "accent-active",
+  "accent-foreground",
+  "border",
+  "input",
+  "ring",
+  "disabled",
+  "disabled-foreground",
+  "destructive",
+  "destructive-hover",
+  "destructive-foreground",
+  "destructive-muted",
+  "destructive-muted-foreground",
+  "success",
+  "success-hover",
+  "success-foreground",
+  "success-muted",
+  "success-muted-foreground",
+  "warning",
+  "warning-hover",
+  "warning-foreground",
+  "warning-muted",
+  "warning-muted-foreground",
+  "separator",
+];
+
+const THEME_COLORS = [...PRIMITIVE_COLORS, ...SEMANTIC_COLORS];
+
+const customTwMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      "text-color": [{ text: THEME_COLORS }],
+      "bg-color": [{ bg: THEME_COLORS }],
+      "border-color": [{ border: THEME_COLORS }],
+    },
+  },
+});
+
+export function cn(...inputs: ClassValue[]): string {
+  return customTwMerge(clsx(inputs));
+}

package/src/lib/index.ts

@@ -0,0 +1,2 @@
+export { cn } from "./cn";
+export { springs, transitions } from "./motion";

package/src/lib/motion.ts

@@ -0,0 +1,55 @@
+import type { Transition } from "motion/react";
+
+type SpringTransition = {
+  type: "spring";
+  stiffness: number;
+  damping: number;
+  mass: number;
+};
+
+/**
+ * Shared spring configurations for consistent animations across the app.
+ */
+export const springs: Record<string, SpringTransition> = {
+  /** Snappy, responsive spring for UI interactions */
+  snappy: {
+    type: "spring",
+    stiffness: 500,
+    damping: 30,
+    mass: 1,
+  },
+  /** Bouncy spring with overshoot for playful interactions */
+  bouncy: {
+    type: "spring",
+    stiffness: 600,
+    damping: 20,
+    mass: 1,
+  },
+  /** Smooth spring for layout animations */
+  smooth: {
+    type: "spring",
+    stiffness: 350,
+    damping: 35,
+    mass: 1,
+  },
+  /** Quick spring for micro-interactions */
+  quick: {
+    type: "spring",
+    stiffness: 700,
+    damping: 35,
+    mass: 0.8,
+  },
+};
+
+/**
+ * Common transition presets combining spring with other settings.
+ */
+export const transitions: Record<string, Transition> = {
+  /** Default layout transition */
+  layout: springs.snappy,
+  /** Fade transition for overlays */
+  fade: {
+    duration: 0.15,
+    ease: "easeOut",
+  },
+};