canvas-ui-sdk 4.0.0 → 4.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.js +73 -79
  2. package/dist/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/registry/blocks/sidebar-profile-card.json +1 -1
package/dist/index.js CHANGED
@@ -11417,85 +11417,79 @@ function SidebarProfileCard({
11417
11417
  onHireClick,
11418
11418
  className
11419
11419
  }) {
11420
- return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-center w-full", className), children: [
11421
- /* @__PURE__ */ jsxs("div", { className: "relative z-10", style: { marginBottom: -60 }, children: [
11422
- /* @__PURE__ */ jsxs(Avatar, { className: "size-[120px]", children: [
11423
- /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: name }),
11424
- /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold bg-[var(--canvas-surface)] text-[var(--canvas-text-muted)]", style: { fontSize: "var(--typo-h6-size)" }, children: avatarFallback })
11425
- ] }),
11426
- showStatus && /* @__PURE__ */ jsx("div", { className: "absolute bottom-[10px] right-[10px] size-5 rounded-full bg-[var(--canvas-success)] border-[3px] border-[var(--canvas-background)]" })
11427
- ] }),
11428
- /* @__PURE__ */ jsx(
11429
- "div",
11430
- {
11431
- className: "bg-[var(--canvas-background)] border border-[var(--canvas-border)] rounded-[var(--radius-md)] flex flex-col w-full",
11432
- children: /* @__PURE__ */ jsxs(
11433
- "div",
11434
- {
11435
- className: "flex flex-col items-center gap-[var(--spacing-2xl)] px-[var(--spacing-4xl)]",
11436
- style: { paddingTop: 72 },
11437
- children: [
11438
- /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-[var(--spacing-xs)]", children: [
11439
- /* @__PURE__ */ jsx(Typography, { variant: "body-xl", className: "text-center", style: { fontWeight: 600 }, children: name }),
11440
- role && /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", className: "text-center", children: role })
11441
- ] }),
11442
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 justify-center", children: [
11443
- /* @__PURE__ */ jsx(Star$1, { className: "size-4 fill-[var(--canvas-primary)] text-[var(--canvas-primary)]" }),
11444
- /* @__PURE__ */ jsx(Typography, { variant: "body-xs", className: "font-semibold", children: rating }),
11445
- /* @__PURE__ */ jsx(Typography, { variant: "body-xs", color: "muted", children: reviewCount })
11446
- ] }),
11447
- /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--spacing-xl)] w-full", children: [
11448
- /* @__PURE__ */ jsx(
11449
- Button,
11450
- {
11451
- variant: "neutral",
11452
- className: "flex-1",
11453
- onClick: onContactClick,
11454
- children: "Contact"
11455
- }
11456
- ),
11457
- /* @__PURE__ */ jsx(
11458
- Button,
11459
- {
11460
- variant: "primary",
11461
- className: "flex-1",
11462
- onClick: onHireClick,
11463
- children: "Hire me"
11464
- }
11465
- )
11466
- ] }),
11467
- /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--canvas-border)]" }),
11468
- certification && /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", className: "text-center", children: certification }),
11469
- infoRows.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--spacing-lg)] w-full", children: infoRows.map((row, index) => {
11470
- const IconComponent = infoIcons[row.icon];
11471
- return /* @__PURE__ */ jsxs(
11472
- "div",
11473
- {
11474
- className: "flex items-center justify-between w-full",
11475
- children: [
11476
- /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
11477
- /* @__PURE__ */ jsx(IconComponent, { className: "size-4 text-[var(--canvas-text-muted)]" }),
11478
- /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", children: row.label })
11479
- ] }),
11480
- /* @__PURE__ */ jsx(Typography, { variant: "body-s", className: "font-semibold text-[var(--canvas-neutral-text)]", children: row.value })
11481
- ]
11482
- },
11483
- index
11484
- );
11485
- }) }),
11486
- /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--canvas-border)]" }),
11487
- /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--spacing-xl)] pb-[var(--spacing-3xl)]", children: [
11488
- /* @__PURE__ */ jsx(Eye, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11489
- /* @__PURE__ */ jsx(Facebook, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11490
- /* @__PURE__ */ jsx(Twitter, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11491
- /* @__PURE__ */ jsx(Instagram, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" })
11492
- ] })
11493
- ]
11494
- }
11495
- )
11496
- }
11497
- )
11498
- ] });
11420
+ return /* @__PURE__ */ jsx(
11421
+ "div",
11422
+ {
11423
+ className: cn(
11424
+ "bg-[var(--canvas-background)] border border-[var(--canvas-border)] rounded-[var(--radius-md)] flex flex-col w-full",
11425
+ className
11426
+ ),
11427
+ children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-[var(--spacing-2xl)] px-[var(--spacing-4xl)] pt-[var(--spacing-4xl)]", children: [
11428
+ /* @__PURE__ */ jsxs("div", { className: "relative", children: [
11429
+ /* @__PURE__ */ jsxs(Avatar, { className: "size-[120px]", children: [
11430
+ /* @__PURE__ */ jsx(AvatarImage, { src: avatarUrl, alt: name }),
11431
+ /* @__PURE__ */ jsx(AvatarFallback, { className: "font-semibold bg-[var(--canvas-surface)] text-[var(--canvas-text-muted)]", style: { fontSize: "var(--typo-h6-size)" }, children: avatarFallback })
11432
+ ] }),
11433
+ showStatus && /* @__PURE__ */ jsx("div", { className: "absolute bottom-[10px] right-[10px] size-5 rounded-full bg-[var(--canvas-success)] border-[3px] border-[var(--canvas-background)]" })
11434
+ ] }),
11435
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-[var(--spacing-xs)]", children: [
11436
+ /* @__PURE__ */ jsx(Typography, { variant: "body-xl", className: "text-center", style: { fontWeight: 600 }, children: name }),
11437
+ role && /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", className: "text-center", children: role })
11438
+ ] }),
11439
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 justify-center", children: [
11440
+ /* @__PURE__ */ jsx(Star$1, { className: "size-4 fill-[var(--canvas-primary)] text-[var(--canvas-primary)]" }),
11441
+ /* @__PURE__ */ jsx(Typography, { variant: "body-xs", className: "font-semibold", children: rating }),
11442
+ /* @__PURE__ */ jsx(Typography, { variant: "body-xs", color: "muted", children: reviewCount })
11443
+ ] }),
11444
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--spacing-xl)] w-full", children: [
11445
+ /* @__PURE__ */ jsx(
11446
+ Button,
11447
+ {
11448
+ variant: "neutral",
11449
+ className: "flex-1",
11450
+ onClick: onContactClick,
11451
+ children: "Contact"
11452
+ }
11453
+ ),
11454
+ /* @__PURE__ */ jsx(
11455
+ Button,
11456
+ {
11457
+ variant: "primary",
11458
+ className: "flex-1",
11459
+ onClick: onHireClick,
11460
+ children: "Hire me"
11461
+ }
11462
+ )
11463
+ ] }),
11464
+ /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--canvas-border)]" }),
11465
+ certification && /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", className: "text-center", children: certification }),
11466
+ infoRows.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-[var(--spacing-lg)] w-full", children: infoRows.map((row, index) => {
11467
+ const IconComponent = infoIcons[row.icon];
11468
+ return /* @__PURE__ */ jsxs(
11469
+ "div",
11470
+ {
11471
+ className: "flex items-center justify-between w-full",
11472
+ children: [
11473
+ /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--spacing-sm)]", children: [
11474
+ /* @__PURE__ */ jsx(IconComponent, { className: "size-4 text-[var(--canvas-text-muted)]" }),
11475
+ /* @__PURE__ */ jsx(Typography, { variant: "body-s", color: "muted", children: row.label })
11476
+ ] }),
11477
+ /* @__PURE__ */ jsx(Typography, { variant: "body-s", className: "font-semibold text-[var(--canvas-neutral-text)]", children: row.value })
11478
+ ]
11479
+ },
11480
+ index
11481
+ );
11482
+ }) }),
11483
+ /* @__PURE__ */ jsx("div", { className: "w-full h-px bg-[var(--canvas-border)]" }),
11484
+ /* @__PURE__ */ jsxs("div", { className: "flex gap-[var(--spacing-xl)] pb-[var(--spacing-3xl)]", children: [
11485
+ /* @__PURE__ */ jsx(Eye, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11486
+ /* @__PURE__ */ jsx(Facebook, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11487
+ /* @__PURE__ */ jsx(Twitter, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" }),
11488
+ /* @__PURE__ */ jsx(Instagram, { className: "size-4 text-[var(--canvas-text-muted)] hover:text-[var(--canvas-text)] transition-colors cursor-pointer" })
11489
+ ] })
11490
+ ] })
11491
+ }
11492
+ );
11499
11493
  }
11500
11494
  function CardWrapper({ children, className }) {
11501
11495
  return /* @__PURE__ */ jsx(