prepare basecoat 1.0 migration

docs/src/components/accordion.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Accordion
 description: A vertically stacked set of interactive headings that each reveal a section of content.

docs/src/components/alert-dialog.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Alert Dialog
 description: A modal dialog that interrupts the user with important content and expects a response.

docs/src/components/alert.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Alert
 description: Displays a callout for user attention.

docs/src/components/avatar.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Avatar
 description: An image element with a fallback for representing the user.

docs/src/components/badge.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Badge
 description: Displays a badge or a component that looks like a badge.

docs/src/components/breadcrumb.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Breadcrumb
 description: Displays the path to the current resource using a hierarchy of links.

docs/src/components/button-group.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Button Group
 description: A container that groups related buttons together with consistent styling.

docs/src/components/button.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Button
 description: Displays a button or a component that looks like a button.

docs/src/components/card.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Card
 description: Displays a card with header, content, and footer.

docs/src/components/carousel.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Carousel
 description: A carousel with motion and swipe.

docs/src/components/chart.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Chart
 description: Displays the path to the current resource using a hierarchy of links.

docs/src/components/checkbox.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Checkbox
 description: A control that allows the user to toggle between checked and not checked.

docs/src/components/combobox.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Combobox
 description: Autocomplete input with a list of suggestions.

docs/src/components/command.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Command
 description: Command menu for search and quick actions.
@@ -82,7 +83,7 @@ toc:
 {% endmacro %}
 
 {% set code_standalone %}
-{% call command(id="demo-command-standalone") %}
+{% call command(id="demo-command-standalone", main_attrs={ "class": "border" }) %}
 {{ command_items("suggestions", "settings") }}
 {% endcall %}
 {% endset %}
@@ -256,7 +257,7 @@ toc:
 <h3 id="example-shortcuts"><a href="#example-shortcuts">Shortcuts</a></h3>
 
 {% set code_shortcuts %}
-{% call command(id="command-shortcuts") %}
+{% call command(id="command-shortcuts", main_attrs={ "class": "border" }) %}
 {{ command_items("command-shortcuts-suggestions", "command-shortcuts-settings", true) }}
 {% endcall %}
 {% endset %}
@@ -265,7 +266,7 @@ toc:
 <h3 id="example-groups"><a href="#example-groups">Groups</a></h3>
 
 {% set code_groups %}
-{% call command(id="command-groups") %}
+{% call command(id="command-groups", main_attrs={ "class": "border" }) %}
 {{ command_items("command-groups-suggestions", "command-groups-settings") }}
 {% endcall %}
 {% endset %}
@@ -274,7 +275,7 @@ toc:
 <h3 id="example-scrollable"><a href="#example-scrollable">Scrollable</a></h3>
 
 {% set code_scrollable %}
-{% call command(id="command-scrollable") %}
+{% call command(id="command-scrollable", main_attrs={ "class": "border" }) %}
 <div role="group" aria-labelledby="command-scrollable-heading">
   <span role="heading" id="command-scrollable-heading">Pages</span>
   {% for i in range(0, 18) %}
@@ -296,7 +297,7 @@ toc:
 
 {% set code_rtl %}
 <div dir="rtl">
-{% call command(id="command-rtl", placeholder="اكتب أمراً أو ابحث...") %}
+{% call command(id="command-rtl", placeholder="اكتب أمراً أو ابحث...", main_attrs={ "class": "border" }) %}
 <div role="group" aria-labelledby="command-rtl-suggestions">
   <span role="heading" id="command-rtl-suggestions">اقتراحات</span>
   <div role="menuitem" data-filter="Calendar">

docs/src/components/dialog.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Dialog
 description: A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

docs/src/components/dropdown-menu.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Dropdown Menu
 description: Displays a menu to the user — such as a set of actions or functions — triggered by a button.

docs/src/components/empty.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Empty
 description: Display empty states with icons, titles, descriptions, and actions.

docs/src/components/field.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Field
 description: Combine labels, controls, and help text to compose accessible form fields.

docs/src/components/input-group.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Input Group
 description: Add icons, text, buttons, and helper content to inputs and textareas.

docs/src/components/input.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Input
 description: A text input component for forms and user data entry with built-in styling and accessibility features.

docs/src/components/item.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Item
 description: A versatile component that you can use to display any content.

docs/src/components/kbd.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Kbd
 description: Used to display textual user input from keyboard.

docs/src/components/label.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Label
 description: Renders an accessible label associated with controls.

docs/src/components/native-select.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Native Select
 description: A styled native HTML select element with consistent design system integration.

docs/src/components/pagination.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Pagination
 description: Pagination with page navigation, next and previous links.

docs/src/components/popover.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Popover
 description: Displays rich content triggered by a button.

docs/src/components/progress.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Progress
 description: Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.

docs/src/components/radio-group.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Radio Group
 description: A set of checkable buttons where only one option can be selected at a time.

docs/src/components/select.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Select
 description: Displays a list of options for the user to pick from—triggered by a button.

docs/src/components/sidebar.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Sidebar
 description: A composable, themeable and customizable sidebar component.

docs/src/components/skeleton.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Skeleton
 description: Used to show a placeholder while content is loading.

docs/src/components/slider.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Slider
 description: An input where the user selects a value from within a given range.

docs/src/components/spinner.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Spinner
 description: An indicator that can be used to show a loading state.

docs/src/components/switch.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Switch
 description: A control that allows the user to toggle between checked and not checked.

docs/src/components/table.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Table
 description: A responsive table component.

docs/src/components/tabs.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Tabs
 description: A set of layered sections of content that are displayed one at a time.

docs/src/components/textarea.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Textarea
 description: Displays a form textarea or a component that looks like a textarea.

docs/src/components/theme-switcher.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Theme Switcher
 description: A component that allows the user to switch between light and dark mode.

docs/src/components/toast.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Toast
 description: A succinct message that is displayed temporarily.
@@ -32,6 +33,7 @@ toc:
 {% set code_server_side %}<button
   class="btn-outline"
   hx-trigger="click"
+  hx-disinherit="hx-select hx-target hx-swap"
   hx-get="/fragments/toast/success"
   hx-target="#toaster"
   hx-swap="beforeend"

docs/src/components/tooltip.md

@@ -1,4 +1,5 @@
 ---
+templateEngineOverride: njk
 layout: layouts/page.njk
 title: Tooltip
 description: A popup that displays information related to an element when the mouse hovers over it.