@lssm/example.learning-journey-ui-shared 0.0.0-canary-20251217080011 → 0.0.0-canary-20251219202229

package/tsdown.config.js

@@ -1,14 +1,17 @@
 import { defineConfig } from 'tsdown';
+import { moduleLibrary, withDevExports } from '@lssm/tool.tsdown';
+
+export default defineConfig(() => ({
+  ...moduleLibrary,
+  ...withDevExports,
+}));
+
+
+
+
+
+
+
+
 
-export default defineConfig({
-  entry: [
-    'src/index.ts',
-    'src/hooks/index.ts',
-    'src/components/index.ts',
-    'src/types.ts',
-  ],
-  format: 'esm',
-  target: 'esnext',
-  dts: true,
-});
 

package/dist/components/index.d.mts

@@ -1,2 +0,0 @@
-import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "../index-EWErSKip.mjs";
-export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };

package/dist/components/index.mjs

@@ -1,3 +0,0 @@
-import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "../components-tyJAN4Ru.mjs";
-
-export { BadgeDisplay, StreakCounter, ViewTabs, XpBar };

package/dist/components-tyJAN4Ru.mjs

@@ -1,164 +0,0 @@
-import { Progress } from "@lssm/lib.ui-kit-web/ui/progress";
-import { cn } from "@lssm/lib.ui-kit-web/ui/utils";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button } from "@lssm/lib.design-system";
-
-//#region src/components/XpBar.tsx
-const sizeStyles$2 = {
-	sm: "h-2",
-	md: "h-3",
-	lg: "h-4"
-};
-const labelSizeStyles = {
-	sm: "text-xs",
-	md: "text-sm",
-	lg: "text-base"
-};
-function XpBar({ current, max, level, showLabel = true, size = "md" }) {
-	const percentage = max > 0 ? Math.min(current / max * 100, 100) : 0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "w-full space-y-1",
-		children: [showLabel && /* @__PURE__ */ jsxs("div", {
-			className: cn("flex items-center justify-between", labelSizeStyles[size]),
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "text-muted-foreground font-medium",
-				children: [level !== void 0 && /* @__PURE__ */ jsxs("span", {
-					className: "text-primary mr-1",
-					children: ["Lvl ", level]
-				}), "XP"]
-			}), /* @__PURE__ */ jsxs("span", {
-				className: "font-semibold",
-				children: [
-					current.toLocaleString(),
-					" / ",
-					max.toLocaleString()
-				]
-			})]
-		}), /* @__PURE__ */ jsx(Progress, {
-			value: percentage,
-			className: cn("bg-muted", sizeStyles$2[size])
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/StreakCounter.tsx
-const sizeStyles$1 = {
-	sm: {
-		container: "gap-1 px-2 py-1",
-		icon: "text-base",
-		text: "text-xs"
-	},
-	md: {
-		container: "gap-1.5 px-3 py-1.5",
-		icon: "text-lg",
-		text: "text-sm"
-	},
-	lg: {
-		container: "gap-2 px-4 py-2",
-		icon: "text-xl",
-		text: "text-base"
-	}
-};
-function StreakCounter({ days, isActive = true, size = "md" }) {
-	const styles = sizeStyles$1[size];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("inline-flex items-center rounded-full font-semibold", styles.container, isActive ? "bg-orange-500/10 text-orange-500" : "bg-muted text-muted-foreground"),
-		children: [/* @__PURE__ */ jsx("span", {
-			className: styles.icon,
-			role: "img",
-			"aria-label": "streak",
-			children: "🔥"
-		}), /* @__PURE__ */ jsxs("span", {
-			className: styles.text,
-			children: [
-				days,
-				" ",
-				days === 1 ? "day" : "days"
-			]
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/BadgeDisplay.tsx
-const BADGE_ICONS = {
-	studio_first_30m: "🎯",
-	platform_tour: "🗺️",
-	crm_first_win: "🏆",
-	drill_master: "🧠",
-	coach_listener: "👂",
-	quest_complete: "⭐",
-	streak_7: "🔥",
-	streak_30: "💎",
-	default: "🏅"
-};
-const sizeStyles = {
-	sm: "h-6 w-6 text-sm",
-	md: "h-8 w-8 text-base",
-	lg: "h-10 w-10 text-lg"
-};
-function BadgeDisplay({ badges, maxVisible = 5, size = "md" }) {
-	const visibleBadges = badges.slice(0, maxVisible);
-	const hiddenCount = badges.length - maxVisible;
-	if (badges.length === 0) return /* @__PURE__ */ jsx("div", {
-		className: "text-muted-foreground text-sm",
-		children: "No badges earned yet"
-	});
-	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-1",
-		children: [visibleBadges.map((badge) => /* @__PURE__ */ jsx("div", {
-			className: cn("flex items-center justify-center rounded-full bg-gradient-to-br from-amber-400/20 to-amber-600/20", sizeStyles[size]),
-			title: badge.replace(/_/g, " "),
-			children: BADGE_ICONS[badge] ?? BADGE_ICONS.default
-		}, badge)), hiddenCount > 0 && /* @__PURE__ */ jsxs("div", {
-			className: cn("text-muted-foreground bg-muted flex items-center justify-center rounded-full", sizeStyles[size], "text-xs font-medium"),
-			children: ["+", hiddenCount]
-		})]
-	});
-}
-
-//#endregion
-//#region src/components/ViewTabs.tsx
-const VIEW_LABELS = {
-	overview: {
-		label: "Overview",
-		icon: "📊"
-	},
-	steps: {
-		label: "Steps",
-		icon: "📝"
-	},
-	progress: {
-		label: "Progress",
-		icon: "📈"
-	},
-	timeline: {
-		label: "Timeline",
-		icon: "📅"
-	}
-};
-const DEFAULT_VIEWS = [
-	"overview",
-	"steps",
-	"progress",
-	"timeline"
-];
-function ViewTabs({ currentView, onViewChange, availableViews = DEFAULT_VIEWS }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex flex-wrap gap-2",
-		children: availableViews.map((view) => {
-			const { label, icon } = VIEW_LABELS[view];
-			return /* @__PURE__ */ jsxs(Button, {
-				variant: currentView === view ? "default" : "outline",
-				size: "sm",
-				onClick: () => onViewChange(view),
-				className: "gap-1.5",
-				children: [/* @__PURE__ */ jsx("span", { children: icon }), /* @__PURE__ */ jsx("span", { children: label })]
-			}, view);
-		})
-	});
-}
-
-//#endregion
-export { XpBar as i, BadgeDisplay as n, StreakCounter as r, ViewTabs as t };

package/dist/hooks/index.d.mts

@@ -1,2 +0,0 @@
-import { t as useLearningProgress } from "../index-D_7WU_xm.mjs";
-export { useLearningProgress };

package/dist/hooks/index.mjs

@@ -1,3 +0,0 @@
-import { t as useLearningProgress } from "../hooks-B-tDvppY.mjs";
-
-export { useLearningProgress };

package/dist/index-EWErSKip.d.mts

@@ -1,34 +0,0 @@
-import { c as XpBarProps, o as StreakCounterProps, s as ViewTabsProps, t as BadgeDisplayProps } from "./types-BMAby_Ku.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/XpBar.d.ts
-declare function XpBar({
-  current,
-  max,
-  level,
-  showLabel,
-  size
-}: XpBarProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/StreakCounter.d.ts
-declare function StreakCounter({
-  days,
-  isActive,
-  size
-}: StreakCounterProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/BadgeDisplay.d.ts
-declare function BadgeDisplay({
-  badges,
-  maxVisible,
-  size
-}: BadgeDisplayProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/ViewTabs.d.ts
-declare function ViewTabs({
-  currentView,
-  onViewChange,
-  availableViews
-}: ViewTabsProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { XpBar as i, BadgeDisplay as n, StreakCounter as r, ViewTabs as t };

package/dist/index.mjs

@@ -1,55 +0,0 @@
-import { t as useLearningProgress } from "./hooks-B-tDvppY.mjs";
-import { i as XpBar, n as BadgeDisplay, r as StreakCounter, t as ViewTabs } from "./components-tyJAN4Ru.mjs";
-import { registerDocBlocks } from "@lssm/lib.contracts/docs";
-
-//#region src/example.ts
-const example = {
-	id: "learning-journey-ui-shared",
-	title: "Learning Journey UI — Shared",
-	summary: "Shared UI components and hooks for learning journey mini-apps.",
-	tags: [
-		"learning",
-		"ui",
-		"shared"
-	],
-	kind: "ui",
-	visibility: "public",
-	docs: { rootDocId: "docs.examples.learning-journey-ui-shared" },
-	entrypoints: {
-		packageName: "@lssm/example.learning-journey-ui-shared",
-		docs: "./docs"
-	},
-	surfaces: {
-		templates: true,
-		sandbox: {
-			enabled: true,
-			modes: ["playground", "markdown"]
-		},
-		studio: {
-			enabled: true,
-			installable: true
-		},
-		mcp: { enabled: true }
-	}
-};
-var example_default = example;
-
-//#endregion
-//#region src/docs/learning-journey-ui-shared.docblock.ts
-registerDocBlocks([{
-	id: "docs.examples.learning-journey-ui-shared",
-	title: "Learning Journey UI — Shared",
-	summary: "Shared UI components and hooks for learning journey mini-apps.",
-	kind: "reference",
-	visibility: "public",
-	route: "/docs/examples/learning-journey-ui-shared",
-	tags: [
-		"learning",
-		"ui",
-		"shared"
-	],
-	body: `## Includes\n- Hooks: useLearningProgress\n- Components: XpBar, StreakCounter, BadgeDisplay, ViewTabs\n\n## Notes\n- Keep components accessible (labels, focus, contrast).\n- Prefer design-system tokens and components.`
-}]);
-
-//#endregion
-export { BadgeDisplay, StreakCounter, ViewTabs, XpBar, example_default as example, useLearningProgress };

package/dist/types.d.mts

@@ -1,2 +0,0 @@
-import { a as LearningViewProps, c as XpBarProps, i as LearningView, n as LearningMiniAppProps, o as StreakCounterProps, r as LearningProgressState, s as ViewTabsProps, t as BadgeDisplayProps } from "./types-BMAby_Ku.mjs";
-export { BadgeDisplayProps, LearningMiniAppProps, LearningProgressState, LearningView, LearningViewProps, StreakCounterProps, ViewTabsProps, XpBarProps };

package/dist/types.mjs

@@ -1 +0,0 @@
-export {  };