@vllnt/ui 0.2.1-canary.c0afef4 → 0.2.1-canary.cacf57f

package/dist/components/ai-chat-input/ai-chat-input.js

@@ -72,7 +72,7 @@ const AIChatInput = forwardRef(
           /* @__PURE__ */ jsx(
             Textarea,
             {
-              className: "min-h-[120px] resize-none rounded-xl border-0 bg-transparent px-1 py-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
+              className: "min-h-[120px] resize-none rounded-xl border-0 bg-transparent p-1 shadow-none focus-visible:ring-0 focus-visible:ring-offset-0",
               disabled,
               onChange: (event) => {
                 textareaProps?.onChange?.(event);

package/dist/components/chat-dock-section/chat-dock-section.js

@@ -45,7 +45,7 @@ const ChatDockSection = forwardRef(
           },
           message.id
         )) }),
-        /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-dashed border-border/80 bg-background/70 px-3 py-3 text-sm text-muted-foreground", children: composerPlaceholder })
+        /* @__PURE__ */ jsx("div", { className: "rounded-xl border border-dashed border-border/80 bg-background/70 p-3 text-sm text-muted-foreground", children: composerPlaceholder })
       ]
     }
   )

package/dist/components/chronological-timeline/chronological-timeline.js

@@ -57,7 +57,7 @@ function VideoMedia({ media }) {
   ] });
 }
 function AudioMedia({ media }) {
-  return /* @__PURE__ */ jsxs("figure", { className: "overflow-hidden rounded-xl border bg-muted px-3 py-3", children: [
+  return /* @__PURE__ */ jsxs("figure", { className: "overflow-hidden rounded-xl border bg-muted p-3", children: [
     /* @__PURE__ */ jsx(
       "audio",
       {
@@ -309,7 +309,7 @@ const ChronologicalTimeline = forwardRef((props, ref) => {
       ...rest,
       children: [
         /* @__PURE__ */ jsx(ProgressStrip, { activeId, ids, label: progressLabel }),
-        title ? /* @__PURE__ */ jsx("header", { className: "px-6 py-6", children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", id: titleId, children: title }) }) : null,
+        title ? /* @__PURE__ */ jsx("header", { className: "p-6", children: /* @__PURE__ */ jsx("h2", { className: "text-2xl font-semibold tracking-tight", id: titleId, children: title }) }) : null,
         /* @__PURE__ */ jsx(EventList, { activeId, children })
       ]
     }

package/dist/components/content-intro/content-intro.js

@@ -41,7 +41,7 @@ function ContentIntroImpl({
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "animate-in fade-in-0 duration-500 pb-24", children: [
       /* @__PURE__ */ jsxs("section", { className: "py-6", children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold mb-6", children: title }),
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-semibold mb-6", children: title }),
         /* @__PURE__ */ jsx("div", { className: cn("max-w-none", "[&_h2:first-of-type]:hidden"), children: renderIntroContent() })
       ] }),
       /* @__PURE__ */ jsxs("section", { className: "mt-8 py-6 border-t border-border", children: [
@@ -103,7 +103,7 @@ function ContentIntroImpl({
       ] }),
       additionalContent
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 border-t border-border bg-background/80 backdrop-blur-sm safe-bottom", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl px-4 py-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "fixed bottom-0 left-0 right-0 z-50 border-t border-border bg-background/80 backdrop-blur-sm safe-bottom", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-3xl p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground hidden sm:block", children: hasProgress ? `${completedSections.size}/${sections.length} completed` : `${sections.length} sections \xB7 ${estimatedTime}` }),
       /* @__PURE__ */ jsxs(
         Button,

package/dist/components/context-menu/context-menu.js

@@ -113,7 +113,7 @@ ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
 const ContextMenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   ContextMenuPrimitive.Separator,
   {
-    className: cn("-mx-1 my-1 h-px bg-border", className),
+    className: cn("-m-1 h-px bg-border", className),
     ref,
     ...props
   }

package/dist/components/data-list/data-list.js

@@ -18,7 +18,7 @@ const dataListVariants = cva(
   }
 );
 const dataListItemVariants = cva(
-  "grid gap-1 px-4 py-4 sm:grid-cols-[minmax(0,12rem)_1fr] sm:gap-4 sm:px-5",
+  "grid gap-1 p-4 sm:grid-cols-[minmax(0,12rem)_1fr] sm:gap-4 sm:px-5",
   {
     defaultVariants: {
       density: "default"

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -113,7 +113,7 @@ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
 const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, reference) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    className: cn("-m-1 h-px bg-muted", className),
     ref: reference,
     ...props
   }

package/dist/components/mdx-content/mdx-content.js

@@ -37,9 +37,9 @@ const MDXComponents = {
     );
   },
   em: ({ children, ...props }) => /* @__PURE__ */ jsx("em", { className: "italic", ...props, children }),
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mt-8 mb-4", ...props, children }),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold mt-6 mb-3", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mt-4 mb-2", ...props, children }),
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold mt-8 mb-4", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mt-6 mb-3", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props, children }),
   hr: ({ ...props }) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-border", ...props }),
   li: ({ children, ...props }) => /* @__PURE__ */ jsx(
     "li",

package/dist/components/menubar/menubar.js

@@ -141,7 +141,7 @@ MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
 const MenubarSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   MenubarPrimitive.Separator,
   {
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    className: cn("-m-1 h-px bg-muted", className),
     ref,
     ...props
   }

package/dist/components/parallel-timeline/parallel-timeline.js

@@ -159,7 +159,7 @@ function TrackRow({ endYear, startYear, track }) {
   const color = track.color ?? "neutral";
   const palette = COLOR_CLASSES[color];
   return /* @__PURE__ */ jsxs("div", { className: "relative flex items-stretch gap-3 border-t border-border first:border-t-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex w-32 shrink-0 flex-col gap-1 border-r border-border bg-muted/20 px-3 py-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex w-32 shrink-0 flex-col gap-1 border-r border-border bg-muted/20 p-3", children: [
       /* @__PURE__ */ jsx(
         "span",
         {

package/dist/components/scope-selector/scope-selector.js

@@ -57,7 +57,7 @@ function ScopeOptionButton({
     "button",
     {
       className: cn(
-        "flex w-full items-start justify-between rounded-md border px-3 py-3 text-left transition-colors hover:bg-accent hover:text-accent-foreground",
+        "flex w-full items-start justify-between rounded-md border p-3 text-left transition-colors hover:bg-accent hover:text-accent-foreground",
         selectedValue === node.id && "border-primary bg-accent",
         node.disabled && "cursor-not-allowed opacity-50"
       ),
@@ -91,7 +91,7 @@ function ScopeSearchResults({
   results,
   selectedValue
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-2 px-1 py-1", children: results.map(({ node, path }) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2 p-1", children: results.map(({ node, path }) => /* @__PURE__ */ jsx(
     ScopeOptionButton,
     {
       node,
@@ -111,7 +111,7 @@ function ScopeCurrentLevel({
   onSelect,
   selectedValue
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-2 px-1 py-1", children: nodes.map((node) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { className: "space-y-2 p-1", children: nodes.map((node) => /* @__PURE__ */ jsx(
     ScopeOptionButton,
     {
       node,

package/dist/components/select/select.js

@@ -105,7 +105,7 @@ SelectItem.displayName = SelectPrimitive.Item.displayName;
 const SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    className: cn("-m-1 h-px bg-muted", className),
     ref,
     ...props
   }

package/dist/components/slideshow/slideshow.js

@@ -356,7 +356,7 @@ function SlideshowImpl({
           }
         ) }) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "relative z-20 flex items-center justify-between px-4 py-4 border-t border-border bg-background", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative z-20 flex items-center justify-between p-4 border-t border-border bg-background", children: [
         /* @__PURE__ */ jsxs(
           "button",
           {

package/dist/components/subscription-card/subscription-card.js

@@ -64,7 +64,7 @@ function SubscriptionDetails({
       /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Monthly total" }),
       /* @__PURE__ */ jsx("p", { className: "mt-2 text-3xl font-semibold tracking-tight", children: priceLabel })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border/70 bg-muted/20 px-4 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border/70 bg-muted/20 p-4", children: [
       /* @__PURE__ */ jsx(DetailRow, { label: "Renewal", value: renewalLabel }),
       seatsLabel ? /* @__PURE__ */ jsx(DetailRow, { label: "Seats", value: seatsLabel }) : null,
       usageLabel ? /* @__PURE__ */ jsx(DetailRow, { label: "Usage", value: usageLabel }) : null

package/dist/components/ticker-tape/ticker-tape.js

@@ -22,7 +22,7 @@ function formatChange(change) {
   return `${sign}${change.toFixed(2)}%`;
 }
 function TickerTapeRow({ items }) {
-  return /* @__PURE__ */ jsx("div", { className: "flex min-w-max items-center gap-3 px-3 py-3", children: items.map((item) => {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-w-max items-center gap-3 p-3", children: items.map((item) => {
     const isPositive = item.change >= 0;
     const TrendIcon = isPositive ? ArrowUpRight : ArrowDownRight;
     return /* @__PURE__ */ jsxs(

package/dist/components/tutorial-complete/tutorial-complete.js

@@ -41,7 +41,7 @@ function TutorialCompleteImpl({
           )
         }
       ),
-      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold mb-2", children: isFullyComplete ? labels.tutorialComplete : labels.tutorialFinished }),
+      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-semibold mb-2", children: isFullyComplete ? labels.tutorialComplete : labels.tutorialFinished }),
       /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: isFullyComplete ? `${labels.youveCompletedAll} "${title}"` : `${labels.youveFinishedWith} "${title}" (${completionPercent}%)` }),
       /* @__PURE__ */ jsxs(Button, { className: "gap-2", onClick: onRestart, variant: "outline", children: [
         /* @__PURE__ */ jsx(RotateCcw, { className: "size-4" }),

package/dist/components/tutorial-intro-content/tutorial-intro-content.js

@@ -47,15 +47,15 @@ const serverMarkdownComponents = {
   h1: ({
     children,
     ...props
-  }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mt-8 mb-4", ...props, children }),
+  }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold mt-8 mb-4", ...props, children }),
   h2: ({
     children,
     ...props
-  }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold mt-6 mb-3", ...props, children }),
+  }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mt-6 mb-3", ...props, children }),
   h3: ({
     children,
     ...props
-  }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mt-4 mb-2", ...props, children }),
+  }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props, children }),
   hr: (props) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-border", ...props }),
   li: ({
     children,
@@ -132,7 +132,7 @@ function TutorialIntroContent({
 }) {
   const markdownContent = stripMDXComponents(content);
   return /* @__PURE__ */ jsxs("section", { className: cn("py-6", className), children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-bold mb-6", children: title }),
+    /* @__PURE__ */ jsx("h2", { className: "text-2xl md:text-3xl font-semibold mb-6", children: title }),
     /* @__PURE__ */ jsx("div", { className: "max-w-none [&_h2:first-of-type]:hidden", children: /* @__PURE__ */ jsx(ReactMarkdown, { components: serverMarkdownComponents, children: markdownContent }) })
   ] });
 }

package/dist/components/tutorial-mdx/tutorial-mdx.js

@@ -114,10 +114,10 @@ const markdownComponents = {
       }
     );
   },
-  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mt-8 mb-4", ...props, children }),
-  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-bold mt-6 mb-3", ...props, children }),
-  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mt-4 mb-2", ...props, children }),
-  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "text-base font-bold mt-3 mb-2", ...props, children }),
+  h1: ({ children, ...props }) => /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold mt-8 mb-4", ...props, children }),
+  h2: ({ children, ...props }) => /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold mt-6 mb-3", ...props, children }),
+  h3: ({ children, ...props }) => /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props, children }),
+  h4: ({ children, ...props }) => /* @__PURE__ */ jsx("h4", { className: "text-base font-semibold mt-3 mb-2", ...props, children }),
   hr: ({ ...props }) => /* @__PURE__ */ jsx("hr", { className: "my-8 border-border", ...props }),
   li: ({ children, ...props }) => /* @__PURE__ */ jsx(
     "li",

package/dist/components/wallet-card/wallet-card.js

@@ -31,7 +31,7 @@ function WalletDetails({
       /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.18em] text-muted-foreground", children: "Current balance" }),
       /* @__PURE__ */ jsx("p", { className: "mt-2 text-3xl font-semibold tracking-tight", children: balanceLabel })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border/70 bg-muted/20 px-4 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border/70 bg-muted/20 p-4", children: [
       availableLabel ? /* @__PURE__ */ jsx(DetailRow, { label: "Available now", value: availableLabel }) : null,
       pendingLabel ? /* @__PURE__ */ jsx(DetailRow, { label: "Pending", value: pendingLabel }) : null,
       renewsLabel ? /* @__PURE__ */ jsx(DetailRow, { label: "Refresh", value: renewsLabel }) : null

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vllnt/ui",
-  "version": "0.2.1-canary.c0afef4",
+  "version": "0.2.1-canary.cacf57f",
   "description": "React component library — 225 components built on Radix UI, Tailwind CSS, and CVA",
   "license": "MIT",
   "author": "vllnt",