@supersoniks/concorde 5.0.1 → 5.0.2

package/src/docs/search/docs-search.json

@@ -2414,6 +2414,171 @@
       }
     }
   },
+  {
+    "search": "Inline message in the page: title (label), body (text or default slot), icon from status. For HTML or actions, use the slot instead of label / text (plain text only).\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "alert": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Use status: default, info, success, warning, error.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "alert": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Color and icon follow status. With no status, behavior is default.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "status": {
+            "count": 1,
+            "title": "Status",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "By default, an alert already in the DOM is not announced (no role / aria-live). Set announce when the message appears after user action (API response, validation, etc.): screen readers get role="alert" for error, otherwise role="status" and aria-live="polite".\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "accessibility-announce": {
+            "count": 1,
+            "title": "Accessibility (`announce`)",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "sonic-alert-messages sets announce on every rendered alert.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "accessibility-announce": {
+            "count": 1,
+            "title": "Accessibility (`announce`)",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "label and text accept plain text only. The default slot is rendered after text. Use the icon slot to replace the default sonic-icon. noIcon hides the icon.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "content-and-icon": {
+            "count": 1,
+            "title": "Content and icon",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Project any markup into slot="icon" (emoji, image, custom component). Keep it decorative with aria-hidden="true" when the message text already conveys meaning.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "custom-icon-slot": {
+            "count": 1,
+            "title": "Custom icon slot",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Rich content in the slot (buttons, links).\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "alert-with-link": {
+            "count": 1,
+            "title": "Alert with link",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Tinted background from the status color (color-mix on currentColor).\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "background": {
+            "count": 1,
+            "title": "Background",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "dismissible removes the alert from the DOM when the close control is clicked (i18n aria label). dismissible and background are independent: without background, close sits at the end of the row; with background, top-right.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "dismissible": {
+            "count": 1,
+            "title": "Dismissible",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "With dismissForever, dismissal is stored in localStorage (key sonic-alert-dismissed). A stable id on the element is required; without id, a warning is logged and nothing is persisted.\n",
+    "files": {
+      "core/components/ui/alert/alert.md": {
+        "title": "Alert",
+        "hashes": {
+          "dismiss-forever": {
+            "count": 1,
+            "title": "Dismiss forever",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "Badge",
     "files": {
@@ -2429,6 +2594,141 @@
       }
     }
   },
+  {
+    "search": "A non-interactive pill for labels, counts, or highlights (counter, status, category). The API mirrors sonic-button (type, variant, size) without focus or click states.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "badge": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Colors come from theme tokens (--sc-primary, --sc-danger, …) or the semantic type values below. \n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "badge": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "default — subtle background (base-100). neutral — dark fill (base-content) with light text, useful on light backgrounds.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "type": {
+            "count": 1,
+            "title": "Type",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "outline — border and text in the type color. ghost — text only, no padding (except in forced-colors mode).\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "variant": {
+            "count": 1,
+            "title": "Variant",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Default size is md (omit the size attribute). Typography and padding follow sonic-button.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "size": {
+            "count": 1,
+            "title": "Size",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Icons or short text before / after the main label.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "prefix-and-suffix-slots": {
+            "count": 1,
+            "title": "Prefix and suffix slots",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Badge with no text (visual dot). min-width / min-height keep a readable shape.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "empty-badges": {
+            "count": 1,
+            "title": "Empty badges",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "With ellipsis, long labels truncate. The parent must constrain width (max-width, grid, etc.).\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "ellipsis": {
+            "count": 1,
+            "title": "Ellipsis",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Count inside a button (slot="suffix") or a badge absolutely positioned on a button / icon.\n",
+    "files": {
+      "core/components/ui/badge/badge.md": {
+        "title": "Badge",
+        "hashes": {
+          "badge-in-button": {
+            "count": 1,
+            "title": "Badge in button",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "Button",
     "files": {
@@ -2489,6 +2789,111 @@
       }
     }
   },
+  {
+    "search": "A surface for grouped content: padding, radius, shadow, and semantic type colors via shared theme tokens. Compose sonic-card-header, sonic-card-main, and sonic-card-footer inside the card, or put any markup in the default slot.\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "card": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Default type is base (page background). Use light for a subtle gray panel, invert / neutral for high-contrast blocks, and primary, info, success, warning, or danger for tinted surfaces (divider tokens apply on colored types).\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "card": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Quick titles with label and description attributes, or full control through the default slot. slot="suffix" aligns badges or actions on the right; suffix content does not shrink when the title wraps.\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "header": {
+            "count": 1,
+            "title": "Header",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "label and description accept HTML (rendered as markup). Prefer plain text when possible; use the slot for structured content.\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "header": {
+            "count": 1,
+            "title": "Header",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Optional wrapper for the primary content area (typography, media, forms).\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "main": {
+            "count": 1,
+            "title": "Main",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Optional footer for actions, metadata, or secondary text.\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "footer": {
+            "count": 1,
+            "title": "Footer",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Header, media, body, and footer together.\n",
+    "files": {
+      "core/components/ui/card/card.md": {
+        "title": "Card",
+        "hashes": {
+          "full-example": {
+            "count": 1,
+            "title": "Full example",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "Divider",
     "files": {
@@ -2879,6 +3284,126 @@
       }
     }
   },
+  {
+    "search": "Responsive <img> wrapper: aspect ratio, object-fit: cover, rounded corners, and optional fade-in on load. The host uses a light placeholder background (--sc-placeholder-bg) until the file is ready. Default loading is lazy; set loading="eager" for above-the-fold heroes.\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "image": {
+            "count": 1,
+            "title": "",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Omit rounded for square corners. Boolean rounded uses the theme token --sc-rounded. Sizes: sm, md, lg, xl, full (circle — pair with ratio="1/1"), none (explicit reset).\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "rounded": {
+            "count": 1,
+            "title": "Rounded",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "ratio sets CSS aspect-ratio on the image (default auto). The image still fills the host width (width: 100%).\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "aspect-ratio": {
+            "count": 1,
+            "title": "Aspect ratio",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "objectPosition maps to CSS object-position (default center center). Useful on wide crops when the subject sits off-center.\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "object-position": {
+            "count": 1,
+            "title": "Object position",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "cover stretches the image to fill a positioned parent (position: relative + fixed height or inset). Aspect ratio on the host is ignored while cover is set.\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "cover": {
+            "count": 1,
+            "title": "Cover",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Set transition to fade (default when the attribute is present) or fade-scale-out. The image stays at opacity: 0 until the browser fires load, then the loaded class runs the animation. Changing src on an existing element does not replay the effect — mount a new sonic-image when you need another entrance (galleries, infinite scroll).\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "load-transition": {
+            "count": 1,
+            "title": "Load transition",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Click Add image to append small thumbnails and replay the transition. Clear resets the row.\n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "load-transition": {
+            "count": 1,
+            "title": "Load transition",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "Always set meaningful alt text (empty string only for decorative images). \n",
+    "files": {
+      "core/components/ui/image/image.md": {
+        "title": "Image",
+        "hashes": {
+          "accessibility-and-parts": {
+            "count": 1,
+            "title": "Accessibility and parts",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
   {
     "search": "Link",
     "files": {
@@ -2955,7 +3480,22 @@
     }
   },
   {
-    "search": "Default placement is bottom. Content is aligned on the start of the trigger, add center to center it. If there is not enough room, content flips to the opposite side and stays inside the viewport.\n",
+    "search": "Default placement is bottom. Placement is written side-align, like sonic-tooltip: side is top, right, bottom or left, align is start, center or end. Without align, content is aligned on the start of the trigger. If there is not enough room, content flips to the opposite side and stays inside the viewport.\n",
+    "files": {
+      "core/components/ui/pop/pop.md": {
+        "title": "Pop",
+        "hashes": {
+          "placement": {
+            "count": 1,
+            "title": "Placement",
+            "type": "paragraph"
+          }
+        }
+      }
+    }
+  },
+  {
+    "search": "The former space syntax (placement="bottom center") still works but is deprecated.\n",
     "files": {
       "core/components/ui/pop/pop.md": {
         "title": "Pop",

package/src/docs/tailwind/css/tailwind.css

@@ -179,3 +179,9 @@ html {
 p {
   text-wrap: pretty;
 }
+
+/* Markdown inline code in docs (shadcn-style pills; theme tokens follow light/dark) */
+.prose :where(code):not(:where(pre *)) {
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}