Preparing 0.3.10

docs/src/_includes/partials/kitchen-sink/select.njk

@@ -10,29 +10,6 @@
   <div class="p-4 gap">
     <div class="flex flex-col gap-4">
       <div class="flex flex-wrap items-center gap-2 md:flex-row">
-        {{ select(
-          id="select-default",
-          trigger_attrs={"class": "w-[180px]"},
-          selected="blueberry",
-          items=[
-            {
-              type: "group",
-              label: "Fruits",
-              items: [
-                { type: "item", label: "Apple", value: "apple" },
-                { type: "item", label: "Banana", value: "banana" },
-                { type: "item", label: "Blueberry", value: "blueberry" }
-              ]
-            },
-            {
-              type: "group",
-              label: "Grapes",
-              items: [
-                { type: "item", label: "Pineapple", value: "pineapple" }
-              ]
-            }
-          ]
-        ) }}
         <select class="select w-[180px]">
           <optgroup label="Fruits">
             <option>Apple</option>

docs/src/components/select.njk

@@ -126,6 +126,7 @@ toc:
       <p>Wraps around the entire component. Can have the following attributes:</p>
       <ul>
         <li><code>data-placeholder="{ TEXT }"</code> <span class="badge-secondary">Optional</span>: placeholder text shown when no options are selected (multiselect only).</li>
+        <li><code>data-close-on-select="true"</code> <span class="badge-secondary">Optional</span>: closes the popover when selecting an option in multiselect mode.</li>
       </ul>
       <dl>
         <dt><code class="highlight language-html">&lt;button type="button"&gt;</code></dt>