@contractspec/example.learning-journey-ui-onboarding 3.7.6 → 3.7.10

package/dist/components/CodeSnippet.js

@@ -1,7 +1,7 @@
 // @bun
 // src/components/CodeSnippet.tsx
-import { useState } from "react";
 import { Button } from "@contractspec/lib.design-system";
+import { useState } from "react";
 import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
 "use client";
 function CodeSnippet({
@@ -16,16 +16,16 @@ function CodeSnippet({
     setTimeout(() => setCopied(false), 2000);
   };
   return /* @__PURE__ */ jsxDEV("div", {
-    className: "bg-muted/50 overflow-hidden rounded-lg border",
+    className: "overflow-hidden rounded-lg border bg-muted/50",
     children: [
       /* @__PURE__ */ jsxDEV("div", {
-        className: "bg-muted flex items-center justify-between border-b px-4 py-2",
+        className: "flex items-center justify-between border-b bg-muted px-4 py-2",
         children: [
           /* @__PURE__ */ jsxDEV("div", {
             className: "flex items-center gap-2",
             children: [
               /* @__PURE__ */ jsxDEV("span", {
-                className: "text-muted-foreground text-xs font-medium uppercase",
+                className: "font-medium text-muted-foreground text-xs uppercase",
                 children: language
               }, undefined, false, undefined, this),
               title && /* @__PURE__ */ jsxDEV(Fragment, {

package/dist/components/JourneyMap.js

@@ -40,7 +40,7 @@ function JourneyMap({
                 /* @__PURE__ */ jsxDEV("div", {
                   className: "text-center",
                   children: /* @__PURE__ */ jsxDEV("p", {
-                    className: cn("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
+                    className: cn("max-w-[100px] truncate font-medium text-xs", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
                     children: step.title
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)

package/dist/components/StepChecklist.js

@@ -22,7 +22,7 @@ function StepChecklist({
         onClick: onToggle,
         children: [
           /* @__PURE__ */ jsxDEV("div", {
-            className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
+            className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 font-semibold text-sm transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
             children: isCompleted ? "\u2713" : stepNumber
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -33,13 +33,13 @@ function StepChecklist({
                 children: step.title
               }, undefined, false, undefined, this),
               !isExpanded && step.description && /* @__PURE__ */ jsxDEV("p", {
-                className: "text-muted-foreground truncate text-sm",
+                className: "truncate text-muted-foreground text-sm",
                 children: step.description
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
           step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-            className: cn("shrink-0 rounded-full px-2 py-1 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
+            className: cn("shrink-0 rounded-full px-2 py-1 font-semibold text-xs", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
             children: [
               "+",
               step.xpReward,
@@ -56,14 +56,14 @@ function StepChecklist({
         className: "border-t px-4 py-4",
         children: [
           step.description && /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground mb-4",
+            className: "mb-4 text-muted-foreground",
             children: step.description
           }, undefined, false, undefined, this),
           step.instructions && /* @__PURE__ */ jsxDEV("div", {
-            className: "bg-muted mb-4 rounded-lg p-4",
+            className: "mb-4 rounded-lg bg-muted p-4",
             children: [
               /* @__PURE__ */ jsxDEV("p", {
-                className: "mb-2 text-sm font-medium",
+                className: "mb-2 font-medium text-sm",
                 children: "Instructions:"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("p", {

package/dist/components/index.d.ts

@@ -1,3 +1,3 @@
-export { StepChecklist } from './StepChecklist';
 export { CodeSnippet } from './CodeSnippet';
 export { JourneyMap } from './JourneyMap';
+export { StepChecklist } from './StepChecklist';

package/dist/components/index.js

@@ -22,7 +22,7 @@ function StepChecklist({
         onClick: onToggle,
         children: [
           /* @__PURE__ */ jsxDEV("div", {
-            className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-semibold transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
+            className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 font-semibold text-sm transition-colors", isCompleted && "border-green-500 bg-green-500 text-white", isCurrent && !isCompleted && "border-violet-500 text-violet-500", !isCompleted && !isCurrent && "border-muted-foreground text-muted-foreground"),
             children: isCompleted ? "\u2713" : stepNumber
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("div", {
@@ -33,13 +33,13 @@ function StepChecklist({
                 children: step.title
               }, undefined, false, undefined, this),
               !isExpanded && step.description && /* @__PURE__ */ jsxDEV("p", {
-                className: "text-muted-foreground truncate text-sm",
+                className: "truncate text-muted-foreground text-sm",
                 children: step.description
               }, undefined, false, undefined, this)
             ]
           }, undefined, true, undefined, this),
           step.xpReward && /* @__PURE__ */ jsxDEV("span", {
-            className: cn("shrink-0 rounded-full px-2 py-1 text-xs font-semibold", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
+            className: cn("shrink-0 rounded-full px-2 py-1 font-semibold text-xs", isCompleted ? "bg-green-500/10 text-green-500" : "bg-muted text-muted-foreground"),
             children: [
               "+",
               step.xpReward,
@@ -56,14 +56,14 @@ function StepChecklist({
         className: "border-t px-4 py-4",
         children: [
           step.description && /* @__PURE__ */ jsxDEV("p", {
-            className: "text-muted-foreground mb-4",
+            className: "mb-4 text-muted-foreground",
             children: step.description
           }, undefined, false, undefined, this),
           step.instructions && /* @__PURE__ */ jsxDEV("div", {
-            className: "bg-muted mb-4 rounded-lg p-4",
+            className: "mb-4 rounded-lg bg-muted p-4",
             children: [
               /* @__PURE__ */ jsxDEV("p", {
-                className: "mb-2 text-sm font-medium",
+                className: "mb-2 font-medium text-sm",
                 children: "Instructions:"
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV("p", {
@@ -135,7 +135,7 @@ function JourneyMap({
                 /* @__PURE__ */ jsxDEV2("div", {
                   className: "text-center",
                   children: /* @__PURE__ */ jsxDEV2("p", {
-                    className: cn2("max-w-[100px] truncate text-xs font-medium", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
+                    className: cn2("max-w-[100px] truncate font-medium text-xs", isCompleted && "text-green-500", isCurrent && !isCompleted && "text-violet-500", !isCompleted && !isCurrent && "text-muted-foreground"),
                     children: step.title
                   }, undefined, false, undefined, this)
                 }, undefined, false, undefined, this)
@@ -152,8 +152,8 @@ function JourneyMap({
 }
 
 // src/components/CodeSnippet.tsx
-import { useState } from "react";
 import { Button as Button2 } from "@contractspec/lib.design-system";
+import { useState } from "react";
 import { jsxDEV as jsxDEV3, Fragment } from "react/jsx-dev-runtime";
 "use client";
 function CodeSnippet({
@@ -168,16 +168,16 @@ function CodeSnippet({
     setTimeout(() => setCopied(false), 2000);
   };
   return /* @__PURE__ */ jsxDEV3("div", {
-    className: "bg-muted/50 overflow-hidden rounded-lg border",
+    className: "overflow-hidden rounded-lg border bg-muted/50",
     children: [
       /* @__PURE__ */ jsxDEV3("div", {
-        className: "bg-muted flex items-center justify-between border-b px-4 py-2",
+        className: "flex items-center justify-between border-b bg-muted px-4 py-2",
         children: [
           /* @__PURE__ */ jsxDEV3("div", {
             className: "flex items-center gap-2",
             children: [
               /* @__PURE__ */ jsxDEV3("span", {
-                className: "text-muted-foreground text-xs font-medium uppercase",
+                className: "font-medium text-muted-foreground text-xs uppercase",
                 children: language
               }, undefined, false, undefined, this),
               title && /* @__PURE__ */ jsxDEV3(Fragment, {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { OnboardingMiniApp } from './OnboardingMiniApp';
-export { Overview, Steps, Progress, Timeline } from './views';
-export { StepChecklist, CodeSnippet, JourneyMap } from './components';
-export * from './learning-journey-ui-onboarding.feature';
+export { CodeSnippet, JourneyMap, StepChecklist } from './components';
 export { default as example } from './example';
+export * from './learning-journey-ui-onboarding.feature';
+export { OnboardingMiniApp } from './OnboardingMiniApp';
+export { Overview, Progress, Steps, Timeline } from './views';
 import './docs';