@ngrok/mantle 0.84.0 → 0.84.2

package/dist/{choice-CVdQrs-m.d.ts → choice-PESu-9s8.d.ts}

@@ -1,5 +1,5 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
-import { t as Label } from "./label-C6YH9skg.js";
+import { t as Label } from "./label-Bnfe9YJ6.js";
 import { ComponentProps, ReactNode } from "react";
 //#region src/components/choice/choice.d.ts
 /**
@@ -39,7 +39,7 @@ type ChoiceRootProps = Omit<ComponentProps<"div">, "id"> & {
 /**
  * Root of a `Choice`: the indicator-left / content-right layout for pairing a
  * checkbox or radio with a titled, multi-line label. Owns the control's `id` and the
- * description's `id`, and — when rendered inside a `Field.Control` — reads the
+ * description's `id`. When rendered inside a `Field.Control`, it reads the
  * field's `id` / `name` / `aria-*` from `FieldControlContext` and merges them
  * into the props `Indicator` injects onto the control (the field's
  * `aria-describedby` is concatenated with this `Choice`'s own description id).
@@ -64,7 +64,7 @@ type ChoiceRootProps = Omit<ComponentProps<"div">, "id"> & {
 declare const Root: ({ "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, "aria-invalid": ariaInvalid, children, className, disabled, id, name, ref, ...props }: ChoiceRootProps) => import("react").JSX.Element;
 type ChoiceIndicatorProps = ComponentProps<"span">;
 /**
- * The left control slot of a `Choice` — drop the control here (a `Checkbox`, a
+ * The left control slot of a `Choice`: drop the control here (a `Checkbox`, a
  * radio indicator, a `Switch`, …). Its single element child is cloned with the
  * shared `id` / `name` / `aria-*` / `disabled` from `Root`, so a control placed
  * here is wired to `Choice.Label` and the description without the caller
@@ -157,6 +157,10 @@ declare const ChoiceLabel: ({ className, ref, ...props }: ChoiceLabelProps) => i
  * control — or inside a `Field` — where the title can be the label, use
  * `Choice.Label`.
  *
+ * Inside a `RadioGroup` item, the title registers its id with the radio, so the
+ * option's `aria-labelledby` names it by the title alone. The description stays
+ * out of the name. The `id` defaults to a generated one.
+ *
  * @see https://mantle.ngrok.com/components/forms/choice
  *
  * @example
@@ -172,11 +176,24 @@ declare const ChoiceLabel: ({ className, ref, ...props }: ChoiceLabelProps) => i
  * </Choice.Root>
  * ```
  */
-declare const Title: ({ asChild, className, ref, ...props }: ComponentProps<"p"> & WithAsChild) => import("react").JSX.Element;
+declare const Title: ({ asChild, className, id, ref, ...props }: ComponentProps<"p"> & WithAsChild) => import("react").JSX.Element;
 /**
  * The de-emphasized supplementary line of a `Choice`, in the muted body color
  * and wired to the control via `aria-describedby` (never a second label).
- * Renders a `<p>`; pass `asChild` to supply your own element.
+ * Renders a `<p>`; pass `asChild` to supply your own element. `Choice.Root`
+ * owns its `id`, so `id` is not a prop.
+ *
+ * A click on the description forwards to the sibling `Choice.Label`, so the
+ * whole content column toggles the control while the accessible name stays the
+ * label alone. The forward skips a click on a link or other interactive content
+ * inside the description. After it forwards, it marks the click handled with
+ * `preventDefault()`, so a click-to-activate ancestor (a `SelectableList` row)
+ * does not toggle the control a second time. When the choice uses
+ * `Choice.Title`, the description forwards nothing, because an ancestor owns
+ * that click.
+ *
+ * Inside a `RadioGroup` item, the description registers its id with the radio,
+ * so the option's `aria-describedby` points here.
  *
  * @see https://mantle.ngrok.com/components/forms/choice
  *
@@ -193,7 +210,7 @@ declare const Title: ({ asChild, className, ref, ...props }: ComponentProps<"p">
  * </Choice.Root>
  * ```
  */
-declare const Description: ({ asChild, className, ref, ...props }: ComponentProps<"p"> & WithAsChild) => import("react").JSX.Element;
+declare const Description: ({ asChild, className, onClick, ref, ...props }: Omit<ComponentProps<"p">, "id"> & WithAsChild) => import("react").JSX.Element;
 /**
  * A reusable indicator-left / content-right layout for a single choice: a
  * control (checkbox, radio, switch) beside an emphasized title and an optional
@@ -217,6 +234,11 @@ declare const Description: ({ asChild, className, ref, ...props }: ComponentProp
  * `aria-describedby`. Outside a `Field` it uses its own generated ids — the two
  * are aware of each other but neither is required.
  *
+ * **Radio interop.** Inside a `RadioGroup` item, `Choice.Title` and
+ * `Choice.Description` register their ids with the radio, so the option's
+ * accessible name is the title alone and the description is its
+ * `aria-describedby`.
+ *
  * @see https://mantle.ngrok.com/components/forms/choice
  *
  * @example
@@ -244,8 +266,14 @@ declare const Description: ({ asChild, className, ref, ...props }: ComponentProp
  */
 declare const Choice: {
   /**
-   * Root: the layout + id/association owner. Reads `FieldControlContext` when
-   * present so a `Field`'s id/name/aria flow onto the control.
+   * Root of a `Choice`: the indicator-left / content-right layout for pairing a
+   * checkbox or radio with a titled, multi-line label. Owns the control's `id` and the
+   * description's `id`. When rendered inside a `Field.Control`, it reads the
+   * field's `id` / `name` / `aria-*` from `FieldControlContext` and merges them
+   * into the props `Indicator` injects onto the control (the field's
+   * `aria-describedby` is concatenated with this `Choice`'s own description id).
+   * Outside a `Field` it falls back to its own generated ids, so the two compose
+   * but neither requires the other.
    *
    * @see https://mantle.ngrok.com/components/forms/choice
    *
@@ -264,8 +292,11 @@ declare const Choice: {
    */
   readonly Root: typeof Root;
   /**
-   * Indicator: the left control slot. Clones its element child with the shared
-   * id/aria/name so the control is wired without threading ids.
+   * The left control slot of a `Choice`: drop the control here (a `Checkbox`, a
+   * radio indicator, a `Switch`, …). Its single element child is cloned with the
+   * shared `id` / `name` / `aria-*` / `disabled` from `Root`, so a control placed
+   * here is wired to `Choice.Label` and the description without the caller
+   * threading ids. A non-element child (or none) is rendered untouched.
    *
    * @see https://mantle.ngrok.com/components/forms/choice
    *
@@ -324,7 +355,8 @@ declare const Choice: {
   readonly Label: typeof ChoiceLabel;
   /**
    * Title: the title as label-less text (`<p>`). Use when an ancestor (a
-   * clickable row or a Headless radio item) owns labeling.
+   * clickable row or a Headless radio item) owns labeling. Inside a
+   * `RadioGroup` item it names the radio through `aria-labelledby`.
    *
    * @see https://mantle.ngrok.com/components/forms/choice
    *
@@ -343,7 +375,9 @@ declare const Choice: {
    */
   readonly Title: typeof Title;
   /**
-   * Description: the supplementary line, wired via `aria-describedby`.
+   * Description: the supplementary line, wired via `aria-describedby`. A click
+   * on it forwards to `Choice.Label`. Inside a `RadioGroup` item it describes
+   * the radio through `aria-describedby`.
    *
    * @see https://mantle.ngrok.com/components/forms/choice
    *

package/dist/choice.d.ts

@@ -1,2 +1,2 @@
-import { n as ChoiceRootProps, t as Choice } from "./choice-CVdQrs-m.js";
+import { n as ChoiceRootProps, t as Choice } from "./choice-PESu-9s8.js";
 export { Choice, type ChoiceRootProps };

package/dist/choice.js

@@ -1 +1 @@
-import{t as e}from"./choice-CnwfjSEu.js";export{e as Choice};
+import{t as e}from"./choice-CT_AdesL.js";export{e as Choice};

package/dist/{code-block-Dj9otiLi.js → code-block-BE3Q0iAo.js}

@@ -1,9 +1,9 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./booleanish-BfvnW6vy.js";const n=new Set([`bash`,`sh`,`shell`]);function r(e,t){return!(n.has(e)&&!t.trim().includes(`
+import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./booleanish-BfvnW6vy.js";const n=new Set([`bash`,`sh`,`shell`]);function r(e,t){return!(n.has(e)&&!t.trim().includes(`
 `))}const i=Symbol(`MantleCodeBlockValue`);function a({preHtml:e,preValToken:t,preVals:n,highlightLines:r,lineNumberStart:a,showLineNumbers:o,code:s,language:c}){return{[i]:!0,language:c,code:s,"~preHtml":e,"~preValToken":t,"~preVals":n,"~highlightLines":r,"~lineNumberStart":a,"~showLineNumbers":o}}function o(e,t){let n=``;for(let r=0;r<e.length;r+=1)n+=e[r]??``,r<t.length&&(n+=String(t[r]));return n}function s(e,t={}){let{showLineNumbers:n,highlightLines:i,lineNumberStart:s}=t;return(t,...c)=>{let l=o(t,c);return a({language:e,code:l,preHtml:void 0,preVals:c.length>0?c:void 0,highlightLines:i,lineNumberStart:s,showLineNumbers:n??r(e,l)})}}function c(e){if(e.length<=1)return e;e.sort((e,t)=>e.startLine===t.startLine?t.endLine-e.endLine:e.startLine-t.startLine);let t=[],n=-1;for(let r of e)r.startLine!==n&&(t.push(r),n=r.startLine);return t}function l(e){let t=e.length;if(t===0)return[];let n=[],r=[],i=1,a=0;for(;a<t;){let o=e.charCodeAt(a);if(o===10){i+=1,a+=1;continue}if(o===13){i+=1,a+=1,a<t&&e.charCodeAt(a)===10&&(a+=1);continue}if(o===34){for(a+=1;a<t;){let t=e.charCodeAt(a);if(t===92){a+=2;continue}if(t===34){a+=1;break}if(t===10||t===13)break;a+=1}continue}if(o===123||o===91){n.push({opener:o,line:i}),a+=1;continue}if(o===125||o===93){let e=o===125?123:91,t=n[n.length-1];t?.opener===e?(n.pop(),t.line!==i&&r.push({id:String(t.line),startLine:t.line,endLine:i})):t!=null&&(n.length=0),a+=1;continue}a+=1}return c(r)}function u(...e){let t=new Set;for(let n of e)if(typeof n==`number`){if(!d(n))continue;let e=Math.floor(n);t.add(e)}else{let e=n.indexOf(`-`),r=n.slice(0,e),i=n.slice(e+1),a=Number.parseInt(r,10),o=Number.parseInt(i,10);if(!d(a)||!d(o)||(a>o&&([a,o]=[o,a]),o-a+1>1e3))continue;for(let e=a;e<=o;e++)t.add(e)}return t}const d=e=>e!=null&&!Number.isNaN(e)&&e>0&&Number.isFinite(e);function f(e){let t=e.length;for(;t>0&&(e.charCodeAt(t-1)===10||e.charCodeAt(t-1)===13);)--t;return t===e.length?e:e.slice(0,t)}function p(e){let t=f(e).replaceAll(`\r
 `,`
 `).replaceAll(`\r`,`
 `).split(`
-`);for(let e=0;e<t.length;e++){let n=t[e]??``;n.startsWith(`<span class="line">`)&&n.endsWith(`</span>`)&&(t[e]=n.slice(19,n.length-7))}return t}function m(e){return encodeURIComponent(e)}function h({foldableRanges:t,highlightLines:n,html:r,lineNumberStart:i=1,showLineNumbers:a=!1}){let o=u(...n??[]),s=p(r),c=new Map,l=new Map,d=t!=null&&t.length>0;if(d&&t!=null)for(let e of t){let t=m(e.id);c.set(e.startLine,t);for(let n=e.startLine+1;n<e.endLine;n+=1){let e=l.get(n);e??(e=[],l.set(n,e)),e.push(t)}}let f=``;for(let t=0;t<s.length;t++){let n=s[t]??``,r=t+1,u=i+t,p=d?c.get(r):void 0,m=e(`mantle-code-line`,o.has(u)&&`mantle-code-line-highlighted`,p!=null&&`mantle-code-line-opener`),h=a?`<span class="mantle-code-line-number" data-slot="line-number">${u}</span>`:``,g=``,_=``,v=``;if(d){p!=null&&(g=`<button type="button" class="mantle-code-fold-toggle" data-slot="fold-toggle" data-fold-line="${p}" aria-expanded="true" aria-label="Toggle code folding"><svg class="mantle-code-fold-caret" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" d="M3.22 5.97a.75.75 0 0 1 1.06 0L8 9.69l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.03a.75.75 0 0 1 0-1.06Z"/></svg></button>`,v=`<span class="mantle-code-fold-ellipsis" data-slot="fold-ellipsis" aria-hidden="true">⋯</span>`);let e=l.get(r);e!=null&&e.length>0&&(_=` data-fold-regions="${e.join(` `)}"`)}let y=`<span class="mantle-code-line-content" data-slot="line-content">${n===``?` `:n}${v}</span>`;f+=`<span class="${m}" data-line-number="${u}"${_}>${h}${g}${y}</span>`}return f}function g(e){switch(e){case`python`:case`py`:case`yaml`:case`yml`:return`indentation`;case`html`:case`xml`:return`tag`;case`bash`:case`sh`:case`shell`:case`plain`:case`plaintext`:case`text`:case`txt`:return`none`;default:return`bracket`}}function _({language:e,tokens:t}){switch(g(e)){case`bracket`:return S(t);case`indentation`:return w(t);case`tag`:return ee(t);case`none`:return[]}}function v(e){if(e.length===0)return!1;let t=e[e.length-1]?.scopeName??``;return t===`string`||t===`comment`||t.startsWith(`string.`)||t.startsWith(`comment.`)||t.startsWith(`constant.character.escape`)}function y(e){return e.explanation!=null&&e.explanation.length>0?e.explanation:[{content:e.content,scopes:[]}]}function b(e){let t=``;for(let n of e){let e=y(n),r=!1;for(let t of e)if(v(t.scopes)){r=!0;break}if(!r){t+=n.content;continue}for(let n of e)v(n.scopes)||(t+=n.content)}return t}function x(e){if(e==null||e.length===0)return-1;let t=0;for(let n of e){let e=n.content;for(let n=0;n<e.length;n+=1){let r=e.charCodeAt(n);if(r===32||r===9){t+=1;continue}return t}}return-1}function S(e){let t=[],n=[];for(let r=0;r<e.length;r+=1){let i=e[r];if(i==null)continue;let a=r+1;for(let e of i)if(C(e.content))for(let r of y(e)){if(v(r.scopes))continue;let e=r.content;for(let r=0;r<e.length;r+=1){let i=e.charCodeAt(r);if(i===123||i===91)t.push(a);else if(i===125||i===93){let e=t.pop();e!=null&&e!==a&&n.push({id:String(e),startLine:e,endLine:a})}}}}return c(n)}function C(e){for(let t=0;t<e.length;t+=1){let n=e.charCodeAt(t);if(n===123||n===125||n===91||n===93)return!0}return!1}function w(e){let t=Array.from({length:e.length});for(let n=0;n<e.length;n+=1)t[n]=x(e[n]);let n=[];for(let e=0;e<t.length;e+=1){let r=t[e]??-1;if(r<0)continue;let i=-1,a=e+1;for(;a<t.length;){let e=t[a]??-1;if(e<0){a+=1;continue}if(e>r){i=a,a+=1;continue}break}i>e&&n.push({id:String(e+1),startLine:e+1,endLine:i+2})}return c(n)}function ee(e){let t=[],n=[];for(let r=0;r<e.length;r+=1){let i=e[r];if(i==null)continue;let a=r+1,o=E(b(i));for(let e of o)if(e.kind===`open`)t.push({name:e.name,line:a});else{let r=t.length>0?t[t.length-1]:void 0;r!=null&&r.name.toLowerCase()===e.name.toLowerCase()&&(t.pop(),r.line!==a&&n.push({id:String(r.line),startLine:r.line,endLine:a}))}}return c(n)}const T=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]);function E(e){let t=[],n=0;for(;n<e.length;){let r=e.indexOf(`<`,n);if(r===-1)break;let i=O(e,r+1),a=e.charCodeAt(i)===47;if(a&&(i=O(e,i+1)),!k(e.charCodeAt(i))){n=r+1;continue}let o=i;for(i+=1;i<e.length&&A(e.charCodeAt(i));)i+=1;let s=e.slice(o,i),c=j(e,i);if(c===-1){n=r+1;continue}if(a){t.push({name:s,kind:`close`}),n=c+1;continue}if(te(e,c)||T.has(s.toLowerCase())){n=c+1;continue}t.push({name:s,kind:`open`}),n=c+1}return t}function D(e){return e===9||e===10||e===11||e===12||e===13||e===32}function O(e,t){let n=t;for(;n<e.length&&D(e.charCodeAt(n));)n+=1;return n}function k(e){return e>=65&&e<=90||e>=97&&e<=122}function A(e){return k(e)||e>=48&&e<=57||e===45||e===58||e===95}function j(e,t){let n;for(let r=t;r<e.length;r+=1){let t=e.charCodeAt(r);if(n!=null){t===n&&(n=void 0);continue}if(t===34||t===39){n=t;continue}if(t===62)return r}return-1}function te(e,t){let n=t-1;for(;n>=0&&D(e.charCodeAt(n));)--n;return n>=0&&e.charCodeAt(n)===47}const ne=[`tabs`,`spaces`];function M(e){return ne.includes(e)}function re(e,t){return t||(F(e)?`tabs`:(I(e),`spaces`))}const N=new Set([`csharp`,`css`,`go`,`html`,`java`,`javascript`,`js`,`jsx`,`ts`,`tsx`,`typescript`,`xml`]),P=new Set([`python`,`py`,`yaml`,`yml`,`ruby`,`rb`,`terraform`,`tf`]);function F(e){return N.has(e)}function I(e){return P.has(e)}function L(e,t){let n=t?.indentation??`spaces`,r=e.replace(/\r\n?/g,`
+`);for(let e=0;e<t.length;e++){let n=t[e]??``;n.startsWith(`<span class="line">`)&&n.endsWith(`</span>`)&&(t[e]=n.slice(19,n.length-7))}return t}function m(e){return encodeURIComponent(e)}function h({foldableRanges:t,highlightLines:n,html:r,lineNumberStart:i=1,showLineNumbers:a=!1}){let o=u(...n??[]),s=p(r),c=new Map,l=new Map,d=t!=null&&t.length>0;if(d&&t!=null)for(let e of t){let t=m(e.id);c.set(e.startLine,t);for(let n=e.startLine+1;n<e.endLine;n+=1){let e=l.get(n);e??(e=[],l.set(n,e)),e.push(t)}}let f=``;for(let t=0;t<s.length;t++){let n=s[t]??``,r=t+1,u=i+t,p=d?c.get(r):void 0,m=e(`mantle-code-line`,o.has(u)&&`mantle-code-line-highlighted`,p!=null&&`mantle-code-line-opener`),h=a?`<span class="mantle-code-line-number" data-slot="line-number" aria-hidden="true">${u}</span>`:``,g=``,_=``,v=``;if(d){p!=null&&(g=`<button type="button" class="mantle-code-fold-toggle" data-slot="fold-toggle" data-fold-line="${p}" aria-expanded="true" aria-label="Toggle code folding"><svg class="mantle-code-fold-caret" viewBox="0 0 16 16" aria-hidden="true" focusable="false"><path fill="currentColor" fill-rule="evenodd" d="M3.22 5.97a.75.75 0 0 1 1.06 0L8 9.69l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.03a.75.75 0 0 1 0-1.06Z"/></svg></button>`,v=`<span class="mantle-code-fold-ellipsis" data-slot="fold-ellipsis" aria-hidden="true">⋯</span>`);let e=l.get(r);e!=null&&e.length>0&&(_=` data-fold-regions="${e.join(` `)}"`)}let y=`<span class="mantle-code-line-content" data-slot="line-content">${n===``?` `:n}${v}</span>`;f+=`<span class="${m}" data-line-number="${u}"${_}>${h}${g}${y}</span>`}return f}function g(e){switch(e){case`python`:case`py`:case`yaml`:case`yml`:return`indentation`;case`html`:case`xml`:return`tag`;case`bash`:case`sh`:case`shell`:case`plain`:case`plaintext`:case`text`:case`txt`:return`none`;default:return`bracket`}}function _({language:e,tokens:t}){switch(g(e)){case`bracket`:return S(t);case`indentation`:return w(t);case`tag`:return ee(t);case`none`:return[]}}function v(e){if(e.length===0)return!1;let t=e[e.length-1]?.scopeName??``;return t===`string`||t===`comment`||t.startsWith(`string.`)||t.startsWith(`comment.`)||t.startsWith(`constant.character.escape`)}function y(e){return e.explanation!=null&&e.explanation.length>0?e.explanation:[{content:e.content,scopes:[]}]}function b(e){let t=``;for(let n of e){let e=y(n),r=!1;for(let t of e)if(v(t.scopes)){r=!0;break}if(!r){t+=n.content;continue}for(let n of e)v(n.scopes)||(t+=n.content)}return t}function x(e){if(e==null||e.length===0)return-1;let t=0;for(let n of e){let e=n.content;for(let n=0;n<e.length;n+=1){let r=e.charCodeAt(n);if(r===32||r===9){t+=1;continue}return t}}return-1}function S(e){let t=[],n=[];for(let r=0;r<e.length;r+=1){let i=e[r];if(i==null)continue;let a=r+1;for(let e of i)if(C(e.content))for(let r of y(e)){if(v(r.scopes))continue;let e=r.content;for(let r=0;r<e.length;r+=1){let i=e.charCodeAt(r);if(i===123||i===91)t.push(a);else if(i===125||i===93){let e=t.pop();e!=null&&e!==a&&n.push({id:String(e),startLine:e,endLine:a})}}}}return c(n)}function C(e){for(let t=0;t<e.length;t+=1){let n=e.charCodeAt(t);if(n===123||n===125||n===91||n===93)return!0}return!1}function w(e){let t=Array.from({length:e.length});for(let n=0;n<e.length;n+=1)t[n]=x(e[n]);let n=[];for(let e=0;e<t.length;e+=1){let r=t[e]??-1;if(r<0)continue;let i=-1,a=e+1;for(;a<t.length;){let e=t[a]??-1;if(e<0){a+=1;continue}if(e>r){i=a,a+=1;continue}break}i>e&&n.push({id:String(e+1),startLine:e+1,endLine:i+2})}return c(n)}function ee(e){let t=[],n=[];for(let r=0;r<e.length;r+=1){let i=e[r];if(i==null)continue;let a=r+1,o=E(b(i));for(let e of o)if(e.kind===`open`)t.push({name:e.name,line:a});else{let r=t.length>0?t[t.length-1]:void 0;r!=null&&r.name.toLowerCase()===e.name.toLowerCase()&&(t.pop(),r.line!==a&&n.push({id:String(r.line),startLine:r.line,endLine:a}))}}return c(n)}const T=new Set([`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`]);function E(e){let t=[],n=0;for(;n<e.length;){let r=e.indexOf(`<`,n);if(r===-1)break;let i=O(e,r+1),a=e.charCodeAt(i)===47;if(a&&(i=O(e,i+1)),!k(e.charCodeAt(i))){n=r+1;continue}let o=i;for(i+=1;i<e.length&&A(e.charCodeAt(i));)i+=1;let s=e.slice(o,i),c=j(e,i);if(c===-1){n=r+1;continue}if(a){t.push({name:s,kind:`close`}),n=c+1;continue}if(te(e,c)||T.has(s.toLowerCase())){n=c+1;continue}t.push({name:s,kind:`open`}),n=c+1}return t}function D(e){return e===9||e===10||e===11||e===12||e===13||e===32}function O(e,t){let n=t;for(;n<e.length&&D(e.charCodeAt(n));)n+=1;return n}function k(e){return e>=65&&e<=90||e>=97&&e<=122}function A(e){return k(e)||e>=48&&e<=57||e===45||e===58||e===95}function j(e,t){let n;for(let r=t;r<e.length;r+=1){let t=e.charCodeAt(r);if(n!=null){t===n&&(n=void 0);continue}if(t===34||t===39){n=t;continue}if(t===62)return r}return-1}function te(e,t){let n=t-1;for(;n>=0&&D(e.charCodeAt(n));)--n;return n>=0&&e.charCodeAt(n)===47}const ne=[`tabs`,`spaces`];function M(e){return ne.includes(e)}function re(e,t){return t||(F(e)?`tabs`:(I(e),`spaces`))}const N=new Set([`csharp`,`css`,`go`,`html`,`java`,`javascript`,`js`,`jsx`,`ts`,`tsx`,`typescript`,`xml`]),P=new Set([`python`,`py`,`yaml`,`yml`,`ruby`,`rb`,`terraform`,`tf`]);function F(e){return N.has(e)}function I(e){return P.has(e)}function L(e,t){let n=t?.indentation??`spaces`,r=e.replace(/\r\n?/g,`
 `),i=r.trim();if(i===``)return``;let a=B(r),o=i.split(`
 `),s=Array.from({length:o.length});for(let e=0;e<o.length;e++){let t=o[e];if(t==null)continue;let r=z(t)?t:t.slice(a);s[e]=R(r,n)}return s.join(`
 `)}function R(e,t){let n=0;for(;n<e.length;){let t=e[n];if(t!==` `&&t!==`	`)break;n+=1}if(n===0||n===e.length)return e;let r=e.slice(0,n);return(t===`spaces`?r.replace(/\t/g,`  `):r.replace(/ {2}/g,`	`))+e.slice(n)}function z(e){let t=e[0];return t!=null&&t!==` `&&t!==`	`}function B(e){let t=1/0,n=0,r=!0;for(let i=0;i<e.length;i++){let a=e[i];if(r){if(a===` `||a===`	`){n+=1;continue}if(a===`

package/dist/code-block.d.ts

@@ -87,6 +87,26 @@ type CodeBlockCodeProps = Omit<ComponentProps<"pre">, "children" | "translate">
  * reader copies it anyway. The `translate` prop is omitted from the type, so no
  * call site can turn the guard off.
  *
+ * Line numbers render `aria-hidden`, so a screen reader hears the code, not
+ * "1 const x".
+ *
+ * | Data Attribute | Value | Description |
+ * | --- | --- | --- |
+ * | `data-state` | `"collapsed"` \| `"expanded"` | Present when a `CodeBlock.ExpanderButton` is composed. Drives the collapsed max height. |
+ * | `data-highlighted` | `"true"` \| `"false"` | Whether the value carried pre-rendered Shiki HTML. |
+ * | `data-lang` | the language id | The value's language. |
+ * | `data-mantle-line-numbers` | `"true"` \| `"false"` | Whether the gutter shows line numbers. |
+ * | `data-mantle-line-number-start` | a number as a string | The first line number. |
+ * | `data-mantle-highlight-lines` | comma-separated line numbers | Present when lines are highlighted. |
+ *
+ * Inside the highlighted HTML, `data-slot="line-number"`, `"fold-toggle"`, and
+ * `"fold-ellipsis"` mark the gutter number, the fold button, and the folded
+ * marker.
+ *
+ * | CSS Variable | Default | Description |
+ * | --- | --- | --- |
+ * | `--mantle-line-number-start` | `1` | The CSS counter start for the line-number gutter. |
+ *
  * @see https://mantle.ngrok.com/components/data-display/code-block#codeblockcode
  * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Global_attributes/translate
  *
@@ -204,11 +224,15 @@ type CodeBlockCopyButtonProps = Omit<ComponentProps<"button">, "aria-label" | "c
  * ```
  */
 declare const CopyButton: ({ className, label, onCopy, onCopyError, onClick, ref, ...props }: CodeBlockCopyButtonProps) => import("react").JSX.Element;
-type CodeBlockExpanderButtonProps = Omit<ComponentProps<"button">, "children" | "aria-controls" | "aria-expanded"> & WithAsChild;
+type CodeBlockExpanderButtonProps = Omit<ComponentProps<"button">, "children" | "aria-controls" | "aria-expanded">;
 /**
  * The (optional) expander button of the `CodeBlock`. Toggles the expanded
  * state of the code block. When present, the code block is collapsible.
  *
+ * It carries `aria-expanded` and `aria-controls` that points at the `<pre>`.
+ * It does not take `asChild`: it renders its own label and caret, so there is
+ * no single child to clone. Style it with `className`.
+ *
  * @see https://mantle.ngrok.com/components/data-display/code-block#codeblockexpanderbutton
  *
  * @example
@@ -226,7 +250,7 @@ type CodeBlockExpanderButtonProps = Omit<ComponentProps<"button">, "children" |
  * </CodeBlock.Root>
  * ```
  */
-declare const ExpanderButton: ({ asChild, className, onClick, ref, ...props }: CodeBlockExpanderButtonProps) => import("react").JSX.Element;
+declare const ExpanderButton: ({ className, onClick, ref, ...props }: CodeBlockExpanderButtonProps) => import("react").JSX.Element;
 type CodeBlockIconProps = Omit<SvgAttributes, "children"> & ({
   /**
    * A custom icon SVG to display in the code block header.

package/dist/code-block.js

@@ -1,7 +1,7 @@
-import{t as e}from"./compose-refs-BdBMM9ga.js";import{t}from"./cx-IiQEAKf5.js";import{t as n}from"./icon-lZ48P8Nn.js";import{t as r}from"./slot-DpNWVci8.js";import{t as i}from"./button-CC10rP6X.js";import{t as a}from"./use-copy-to-clipboard-CSyp4Zk0.js";import{t as o}from"./icons-CF1lbWtp.js";import{S as s,_ as c,a as l,b as u,c as d,d as f,f as p,g as m,h,i as g,l as _,m as v,n as y,o as b,p as x,r as S,s as C,t as w,u as T,v as E,y as D}from"./code-block-Dj9otiLi.js";import{CaretDownIcon as O}from"@phosphor-icons/react/CaretDown";import{createContext as k,useCallback as A,useContext as j,useEffect as M,useId as N,useLayoutEffect as P,useMemo as F,useRef as I,useState as L}from"react";import R from"tiny-invariant";import{jsx as z,jsxs as ee}from"react/jsx-runtime";import{CheckIcon as te}from"@phosphor-icons/react/Check";import{CopyIcon as ne}from"@phosphor-icons/react/Copy";import{FileTextIcon as re}from"@phosphor-icons/react/FileText";import{TerminalIcon as ie}from"@phosphor-icons/react/Terminal";import{Content as ae,List as oe,Root as se,Trigger as B}from"@radix-ui/react-tabs";function V(e){let t=-1;for(let n=0;n<e.length;n++){let r=e[n];if(r===`&`||r===`<`||r===`>`||r===`"`||r===`'`){t=n;break}}if(t===-1)return e;let n=e.slice(0,t);for(let r=t;r<e.length;r++){let t=e[r];switch(t){case`&`:n+=`&amp;`;break;case`<`:n+=`&lt;`;break;case`>`:n+=`&gt;`;break;case`"`:n+=`&quot;`;break;case`'`:n+=`&#39;`;break;default:n+=t}}return n}const H=new WeakMap;function U(e){let t=new Set;if(e==null||e===``)return t;for(let n of e.split(` `))n!==``&&t.add(n);return t}function W(e){let t=H.get(e);if(t!=null&&ce(t))return t;let n=new Map,r=new WeakMap,i=e.querySelectorAll(`[data-fold-regions]`);for(let e=0;e<i.length;e+=1){let t=i[e];if(!(t instanceof HTMLElement))continue;let a=U(t.dataset.foldRegions);if(a.size!==0){r.set(t,a);for(let e of a){let r=n.get(e);r??(r=[],n.set(e,r)),r.push(t)}}}let a={regionToLines:n,lineToRegions:r};return H.set(e,a),a}function G(e){H.delete(e)}function K(e){G(e),e.removeAttribute(`data-folded-regions`)}function ce(e){for(let t of e.regionToLines.values()){if(t.length===0)continue;let e=t[0];if(e!=null)return e.isConnected}return!0}function le(e,t,n){let r=!1;for(let e of n)if(t.has(e)){r=!0;break}r?e.dataset.foldHidden=`true`:delete e.dataset.foldHidden}function ue(e){let t=e.dataset.foldLine;if(t==null||t===``)return!1;let n=e.closest(`[data-slot='code-block-code']`)?.querySelector(`code`);if(n==null)return!1;let r=U(n.getAttribute(`data-folded-regions`)),i=!r.has(t);i?r.add(t):r.delete(t),r.size===0?n.removeAttribute(`data-folded-regions`):n.setAttribute(`data-folded-regions`,[...r].join(` `)),e.setAttribute(`aria-expanded`,i?`false`:`true`);let{regionToLines:a,lineToRegions:o}=W(n),s=a.get(t);if(s!=null)for(let e of s){let t=o.get(e);t!=null&&le(e,r,t)}return!0}function de(e){let t=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.mantle-code-fold-toggle`);n instanceof HTMLButtonElement&&ue(n)};return e.addEventListener(`click`,t),()=>{e.removeEventListener(`click`,t)}}const q=k(null);function J(){let e=j(q);return R(e!=null,`CodeBlock subcomponents must be rendered within a <CodeBlock.Root>.`),e}const fe=({asChild:e=!1,className:n,defaultTab:i,activeTab:a,onActiveTabChange:o,ref:s,...c})=>{let l=I(``),[u,d]=L(!1),[f,p]=L(!1),[m,h]=L(void 0),g=A(e=>{h(t=>(R(t==null,`You can only render a single CodeBlock.Code within a CodeBlock.`),e))},[]),_=A(e=>{h(t=>{R(t===e,`You can only render a single CodeBlock.Code within a CodeBlock.`)})},[]),v=F(()=>({codeId:m,copyTextRef:l,hasCodeExpander:u,isCodeExpanded:f,registerCodeId:g,setHasCodeExpander:d,setIsCodeExpanded:p,unregisterCodeId:_}),[m,u,f,g,_]),y=i!=null||a!=null,b=z(e?r:`div`,{"data-slot":`code-block`,className:t(`text-mono w-full overflow-hidden rounded-md border border-gray-300 bg-base font-mono`,`[&_svg]:shrink-0`,n),ref:s,...c});return z(q.Provider,{value:v,children:y?z(se,{asChild:!0,defaultValue:i,value:a,onValueChange:o,children:b}):b})},pe=({asChild:e=!1,className:n,ref:i,...a})=>z(e?r:`div`,{"data-slot":`code-block-body`,className:t(`relative`,`[&_.mantle-code-line]:pr-4`,`[&:has([data-slot=code-block-copy-button])_.mantle-code-line:nth-child(-n+2)]:pr-14`,n),ref:i,...a}),me=/SHIKI_VAL_(\d+)/g;function he(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}const Y=new Map;function ge(e){if(e==null||e.length===0)return me;let t=Y.get(e);return t??(Y.size>=500&&Y.clear(),t=RegExp(`${he(e)}(\\d+)__`,`g`),Y.set(e,t)),t}function X(e,t,n,r){if(n==null){if(!e.includes(`SHIKI_VAL_`))return e}else if(!e.includes(n))return e;return e.replaceAll(ge(n),(e,n)=>{let i=Number.parseInt(n,10);return Number.isNaN(i)||i<0||i>=t.length?e:r(t[i])})}function _e(e,t,n){return X(e,t,n,e=>V(String(e)))}function ve(e,t,n){return X(e,t,n,e=>String(e))}const ye=({className:n,style:r,value:i,ref:a,...o})=>{let s=N(),c=I(null),{copyTextRef:l,hasCodeExpander:u,isCodeExpanded:d,registerCodeId:f,unregisterCodeId:p}=J(),{language:m,code:h,"~preValToken":g,"~preVals":_,"~highlightLines":v,"~lineNumberStart":y,"~preHtml":b,"~showLineNumbers":x}=i,S=v,C=y??1,w=x??!1,T=F(()=>_!=null&&_.length>0?ve(h,_,g):h,[g,_,h]);P(()=>{l.current=T},[l,T]),M(()=>(f(s),()=>{p(s)}),[s,f,p]);let E=F(()=>{if(b!=null)return _!=null&&_.length>0?_e(b,_,g):b},[b,g,_]);M(()=>{let e=c.current;if(e==null)return;let t=e.querySelector(`code`);return t!=null&&K(t),de(e)},[E]);let D=E!=null,O=E??V(T),k=F(()=>({__html:O}),[O]);return z(`pre`,{"data-slot":`code-block-code`,"aria-expanded":u?d:void 0,className:t(`scrollbar overflow-x-auto overscroll-x-none overflow-y-hidden py-4`,!D&&`pr-14`,`data-[mantle-line-numbers~='false']:pl-4`,`text-mono m-0 font-mono outline-hidden`,`aria-collapsed:max-h-[13.6rem]`,n),"data-highlighted":D?`true`:`false`,"data-lang":m,"data-mantle-highlight-lines":D&&S!=null&&S.length>0?S.join(`,`):void 0,"data-mantle-line-number-start":D&&w?String(C):`1`,"data-mantle-line-numbers":D&&w?`true`:`false`,id:s,ref:e(c,a),style:{...r,"--mantle-line-number-start":String(C),tabSize:2,MozTabSize:2},...o,translate:`no`,children:z(`code`,{className:`text-size-inherit block min-w-full w-max`,dangerouslySetInnerHTML:k})})},be=({asChild:e=!1,className:n,ref:i,...a})=>z(e?r:`div`,{"data-slot":`code-block-header`,className:t(`flex items-center gap-1 border-b border-gray-300 bg-base px-4 py-2 text-gray-700`,n),ref:i,...a}),xe=({asChild:e=!1,className:n,ref:i,...a})=>z(e?r:`h3`,{"data-slot":`code-block-title`,ref:i,className:t(`m-0 font-sans text-xs font-medium`,n),translate:`no`,...a}),Se=({className:e,label:n=`Copy code`,onCopy:r,onCopyError:o,onClick:s,ref:c,...l})=>{let{copyTextRef:u}=J(),d=a(),[f,p]=L(!1),m=I(void 0);return M(()=>()=>{m.current!=null&&clearTimeout(m.current)},[]),z(`span`,{"data-slot":`code-block-copy-button`,className:`absolute right-3 top-3 z-10 inline-flex size-7 items-center justify-center rounded-[var(--icon-button-border-radius,0.375rem)] bg-base`,children:z(i,{type:`button`,appearance:`ghost`,intent:`neutral`,size:`sm`,label:n,icon:z(f?te:ne,{}),className:t(`bg-base not-disabled:hover:bg-neutral-500/15`,e),ref:c,onClick:async e=>{try{if(s?.(e),e.defaultPrevented){m.current!=null&&clearTimeout(m.current);return}let t=u.current;await d(t),r?.(t),p(!0),m.current!=null&&clearTimeout(m.current),m.current=setTimeout(()=>{p(!1)},2e3)}catch(e){o?.(e)}},...l})})},Z=({asChild:e=!1,className:i,onClick:a,ref:o,...s})=>{let{codeId:c,isCodeExpanded:l,setIsCodeExpanded:u,setHasCodeExpander:d}=J();return M(()=>(d(!0),()=>{d(!1)}),[d]),ee(e?r:`button`,{...s,"data-slot":`code-block-expander-button`,"aria-controls":c,"aria-expanded":l,className:t(`flex w-full items-center justify-center gap-0.5 border-t border-gray-300 bg-base px-4 py-2 font-sans text-gray-700 hover:bg-base-hover`,i),ref:o,type:`button`,onClick:e=>{u(e=>!e),a?.(e)},children:[l?`Show less`:`Show more`,` `,z(n,{svg:z(O,{weight:`bold`}),className:t(`size-4`,l&&`rotate-180`,`transition-all duration-150`)})]})};function Ce({className:e,preset:r,svg:i,...a}){let s=i;if(r!=null)switch(r){case`file`:s=z(re,{weight:`fill`});break;case`cli`:s=z(ie,{weight:`fill`});break;case`traffic-policy`:s=z(o,{})}return z(n,{"data-slot":`code-block-icon`,className:t(`size-5`,e),svg:s,...a})}const we={Root:fe,Body:pe,Code:ye,CopyButton:Se,ExpanderButton:Z,Header:be,Icon:Ce,TabContent:e=>z(ae,{"data-slot":`code-block-tab-content`,...e}),TabList:({className:e,ref:n,...r})=>z(oe,{"data-slot":`code-block-tab-list`,className:t(`scroll-fade-x flex min-w-0 items-center gap-1 overflow-x-auto overscroll-x-none`,`-m-1 p-1`,e),ref:n,...r}),TabTrigger:({className:e,ref:n,...r})=>z(B,{"data-slot":`code-block-tab-trigger`,className:t(`shrink-0 cursor-pointer rounded px-1.5 py-0.5 font-sans text-xs font-medium whitespace-nowrap`,`text-gray-600 outline-hidden`,`hover:text-gray-900`,`data-[state=active]:bg-neutral-500/15 data-[state=active]:text-strong`,`focus-visible:ring-focus-accent focus-visible:ring-4`,e),ref:n,...r}),Title:xe},Q=`var(--shiki-foreground)`;function Te(e){return e.replace(/[&<]/g,e=>e===`&`?`&#x26;`:`&#x3C;`)}function Ee(e){return e===` `||e===`	`||e===`
-`||e===`\r`||e===`{`||e===`}`||e===`[`||e===`]`||e===`:`||e===`,`||e===`"`}function De(e,t,n){let r=e.length,i=[],a=`"`,o=t+1;for(;o<r;){let t=e[o];if(t===`\\`){let t=e[o+1]===`u`&&/^[0-9a-fA-F]{4}$/.test(e.slice(o+2,o+6))?6:2;a!==``&&(i.push({text:a,isEscape:!1}),a=``),i.push({text:e.slice(o,o+t),isEscape:!0}),o+=t;continue}if(t===`"`){a+=`"`,o+=1;break}a+=t,o+=1}a!==``&&i.push({text:a,isEscape:!1});let s=o;for(;s<r;){let t=e[s];if(t===` `||t===`	`||t===`
-`||t===`\r`){s+=1;continue}break}let c=e[s]===`:`?`var(--shiki-token-keyword)`:`var(--shiki-token-string-expression)`;for(let e of i)n(e.text,e.isEscape?`var(--shiki-token-escape, var(--shiki-token-constant))`:c);return o}function Oe(e){for(let t=0;t<e.length;t+=1){let n=e[t];if(n!=null&&n.color==null){let r=Q;for(let n=t+1;n<e.length;n+=1){let t=e[n];if(t!=null&&t.color!=null){r=t.color;break}}n.color=r}}let t=``,n=``,r=null,i=()=>{r!=null&&(t+=`<span style="color:${r}">${Te(n)}</span>`),n=``,r=null};for(let t of e)t!=null&&(t.color===r?n+=t.text:(i(),n=t.text,r=t.color));return i(),`<span class="line">${t}</span>`}function $(e){let t=[[]],n=t[0]??[],r=e.length,i=0,a=(e,t)=>{n.push({text:e,color:t})};for(;i<r;){let o=e[i];if(o===`
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{n as t}from"./compose-refs-DdUwopIY.js";import{t as n}from"./cx-0HCjnNv1.js";import{t as r}from"./icon-CGKaq_tV.js";import{t as i}from"./slot-C3gII_9c.js";import{t as a}from"./button-CaM-ZAH5.js";import{t as o}from"./use-copy-to-clipboard-CSyp4Zk0.js";import{t as s}from"./alternate-announcement-BkH4bOKp.js";import{t as c}from"./live-region-CV7kykeo.js";import{t as l}from"./icons-CF1lbWtp.js";import{S as u,_ as d,a as f,b as p,c as m,d as h,f as g,g as _,h as v,i as y,l as b,m as x,n as S,o as C,p as w,r as T,s as E,t as D,u as O,v as k,y as A}from"./code-block-BE3Q0iAo.js";import{CaretDownIcon as ee}from"@phosphor-icons/react/CaretDown";import{createContext as j,useCallback as M,useContext as N,useEffect as P,useId as F,useLayoutEffect as te,useMemo as I,useRef as L,useState as R}from"react";import z from"tiny-invariant";import{jsx as B,jsxs as V}from"react/jsx-runtime";import{CheckIcon as ne}from"@phosphor-icons/react/Check";import{CopyIcon as re}from"@phosphor-icons/react/Copy";import{FileTextIcon as ie}from"@phosphor-icons/react/FileText";import{TerminalIcon as ae}from"@phosphor-icons/react/Terminal";import{Content as oe,List as se,Root as H,Trigger as U}from"@radix-ui/react-tabs";function W(e){let t=-1;for(let n=0;n<e.length;n++){let r=e[n];if(r===`&`||r===`<`||r===`>`||r===`"`||r===`'`){t=n;break}}if(t===-1)return e;let n=e.slice(0,t);for(let r=t;r<e.length;r++){let t=e[r];switch(t){case`&`:n+=`&amp;`;break;case`<`:n+=`&lt;`;break;case`>`:n+=`&gt;`;break;case`"`:n+=`&quot;`;break;case`'`:n+=`&#39;`;break;default:n+=t}}return n}const G=new WeakMap;function K(e){let t=new Set;if(e==null||e===``)return t;for(let n of e.split(` `))n!==``&&t.add(n);return t}function ce(e){let t=G.get(e);if(t!=null&&de(t))return t;let n=new Map,r=new WeakMap,i=e.querySelectorAll(`[data-fold-regions]`);for(let e=0;e<i.length;e+=1){let t=i[e];if(!(t instanceof HTMLElement))continue;let a=K(t.dataset.foldRegions);if(a.size!==0){r.set(t,a);for(let e of a){let r=n.get(e);r??(r=[],n.set(e,r)),r.push(t)}}}let a={regionToLines:n,lineToRegions:r};return G.set(e,a),a}function le(e){G.delete(e)}function ue(e){le(e),e.removeAttribute(`data-folded-regions`)}function de(e){for(let t of e.regionToLines.values()){if(t.length===0)continue;let e=t[0];if(e!=null)return e.isConnected}return!0}function fe(e,t,n){let r=!1;for(let e of n)if(t.has(e)){r=!0;break}r?e.dataset.foldHidden=`true`:delete e.dataset.foldHidden}function pe(e){let t=e.dataset.foldLine;if(t==null||t===``)return!1;let n=e.closest(`[data-slot='code-block-code']`)?.querySelector(`code`);if(n==null)return!1;let r=K(n.getAttribute(`data-folded-regions`)),i=!r.has(t);i?r.add(t):r.delete(t),r.size===0?n.removeAttribute(`data-folded-regions`):n.setAttribute(`data-folded-regions`,[...r].join(` `)),e.setAttribute(`aria-expanded`,i?`false`:`true`);let{regionToLines:a,lineToRegions:o}=ce(n),s=a.get(t);if(s!=null)for(let e of s){let t=o.get(e);t!=null&&fe(e,r,t)}return!0}function me(e){let t=e=>{let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`.mantle-code-fold-toggle`);n instanceof HTMLButtonElement&&pe(n)};return e.addEventListener(`click`,t),()=>{e.removeEventListener(`click`,t)}}const q=j(null);function J(){let e=N(q);return z(e!=null,`CodeBlock subcomponents must be rendered within a <CodeBlock.Root>.`),e}const he=({asChild:e=!1,className:t,defaultTab:r,activeTab:a,onActiveTabChange:o,ref:s,...c})=>{let l=L(``),u=F(),d=L(0),[f,p]=R(!1),[m,h]=R(!1),g=M(()=>{z(d.current===0,`You can only render a single CodeBlock.Code within a CodeBlock.`),d.current+=1},[]),_=M(()=>{--d.current},[]),v=I(()=>({codeId:u,copyTextRef:l,hasCodeExpander:f,isCodeExpanded:m,registerCode:g,setHasCodeExpander:p,setIsCodeExpanded:h,unregisterCode:_}),[u,f,m,g,_]),y=r!=null||a!=null,b=B(e?i:`div`,{"data-slot":`code-block`,className:n(`text-mono w-full overflow-hidden rounded-md border border-gray-300 bg-base font-mono`,`[&_svg]:shrink-0`,t),ref:s,...c});return B(q.Provider,{value:v,children:y?B(H,{asChild:!0,defaultValue:r,value:a,onValueChange:o,children:b}):b})},ge=({asChild:e=!1,className:t,ref:r,...a})=>B(e?i:`div`,{"data-slot":`code-block-body`,className:n(`relative`,`[&_.mantle-code-line]:pr-4`,`[&:has([data-slot=code-block-copy-button])_.mantle-code-line:nth-child(-n+2)]:pr-14`,t),ref:r,...a}),_e=/SHIKI_VAL_(\d+)/g;function ve(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}const Y=new Map;function ye(e){if(e==null||e.length===0)return _e;let t=Y.get(e);return t??(Y.size>=500&&Y.clear(),t=RegExp(`${ve(e)}(\\d+)__`,`g`),Y.set(e,t)),t}function X(e,t,n,r){if(n==null){if(!e.includes(`SHIKI_VAL_`))return e}else if(!e.includes(n))return e;return e.replaceAll(ye(n),(e,n)=>{let i=Number.parseInt(n,10);return Number.isNaN(i)||i<0||i>=t.length?e:r(t[i])})}function be(e,t,n){return X(e,t,n,e=>W(String(e)))}function xe(e,t,n){return X(e,t,n,e=>String(e))}const Se=({className:e,style:r,value:i,ref:a,...o})=>{let s=L(null),c=t(s,a),{codeId:l,copyTextRef:u,hasCodeExpander:d,isCodeExpanded:f,registerCode:p,unregisterCode:m}=J(),{language:h,code:g,"~preValToken":_,"~preVals":v,"~highlightLines":y,"~lineNumberStart":b,"~preHtml":x,"~showLineNumbers":S}=i,C=y,w=b??1,T=S??!1,E=I(()=>v!=null&&v.length>0?xe(g,v,_):g,[_,v,g]);te(()=>{u.current=E},[u,E]),P(()=>(p(),()=>{m()}),[p,m]);let D=I(()=>{if(x!=null)return v!=null&&v.length>0?be(x,v,_):x},[x,_,v]);P(()=>{let e=s.current;if(e==null)return;let t=e.querySelector(`code`);return t!=null&&ue(t),me(e)},[D]);let O=D!=null,k=D??W(E),A=I(()=>({__html:k}),[k]);return B(`pre`,{"data-slot":`code-block-code`,"data-state":d?f?`expanded`:`collapsed`:void 0,className:n(`scrollbar overflow-x-auto overscroll-x-none overflow-y-hidden py-4`,!O&&`pr-14`,`data-[mantle-line-numbers~='false']:pl-4`,`text-mono m-0 font-mono outline-hidden`,`data-[state=collapsed]:max-h-[13.6rem]`,e),"data-highlighted":O?`true`:`false`,"data-lang":h,"data-mantle-highlight-lines":O&&C!=null&&C.length>0?C.join(`,`):void 0,"data-mantle-line-number-start":O&&T?String(w):`1`,"data-mantle-line-numbers":O&&T?`true`:`false`,id:l,ref:c,style:{...r,"--mantle-line-number-start":String(w),tabSize:2,MozTabSize:2},...o,translate:`no`,children:B(`code`,{className:`text-size-inherit block min-w-full w-max`,dangerouslySetInnerHTML:A})})},Ce=({asChild:e=!1,className:t,ref:r,...a})=>B(e?i:`div`,{"data-slot":`code-block-header`,className:n(`flex items-center gap-1 border-b border-gray-300 bg-base px-4 py-2 text-gray-700`,t),ref:r,...a}),we=({asChild:e=!1,className:t,ref:r,...a})=>B(e?i:`h3`,{"data-slot":`code-block-title`,ref:r,className:n(`m-0 font-sans text-xs font-medium`,t),translate:`no`,...a}),Te=({className:e,label:t=`Copy code`,onCopy:r,onCopyError:i,onClick:l,ref:u,...d})=>{let{copyTextRef:f}=J(),p=o(),[m,h]=R(``),g=m!==``,_=L(!1),v=L(void 0);return P(()=>()=>{v.current!=null&&clearTimeout(v.current)},[]),V(`span`,{"data-slot":`code-block-copy-button`,className:`absolute right-3 top-3 z-10 inline-flex size-7 items-center justify-center rounded-[var(--icon-button-border-radius,0.375rem)] bg-base`,children:[B(c,{children:m}),B(a,{type:`button`,appearance:`ghost`,intent:`neutral`,size:`sm`,label:t,icon:B(g?ne:re,{}),className:n(`bg-base not-disabled:hover:bg-neutral-500/15`,e),ref:u,onClick:async e=>{try{if(l?.(e),e.defaultPrevented){v.current!=null&&clearTimeout(v.current);return}let t=f.current;await p(t),r?.(t),h(s(`Copied`,_)),v.current!=null&&clearTimeout(v.current),v.current=setTimeout(()=>{h(``)},2e3)}catch(e){i?.(e)}},...d})]})},Ee=({className:t,onClick:i,ref:a,...o})=>{let{codeId:s,isCodeExpanded:c,setIsCodeExpanded:l,setHasCodeExpander:u}=J();return e(()=>(u(!0),()=>{u(!1)}),[u]),V(`button`,{...o,"data-slot":`code-block-expander-button`,"aria-controls":s,"aria-expanded":c,className:n(`flex w-full items-center justify-center gap-0.5 border-t border-gray-300 bg-base px-4 py-2 font-sans text-gray-700 hover:bg-base-hover`,t),ref:a,type:`button`,onClick:e=>{l(e=>!e),i?.(e)},children:[c?`Show less`:`Show more`,` `,B(r,{svg:B(ee,{weight:`bold`}),className:n(`size-4`,c&&`rotate-180`,`transition-all duration-150`)})]})};function De({className:e,preset:t,svg:i,...a}){let o=i;if(t!=null)switch(t){case`file`:o=B(ie,{weight:`fill`});break;case`cli`:o=B(ae,{weight:`fill`});break;case`traffic-policy`:o=B(l,{})}return B(r,{"data-slot":`code-block-icon`,className:n(`size-5`,e),svg:o,...a})}const Oe={Root:he,Body:ge,Code:Se,CopyButton:Te,ExpanderButton:Ee,Header:Ce,Icon:De,TabContent:e=>B(oe,{"data-slot":`code-block-tab-content`,...e}),TabList:({className:e,ref:t,...r})=>B(se,{"data-slot":`code-block-tab-list`,className:n(`scroll-fade-x flex min-w-0 items-center gap-1 overflow-x-auto overscroll-x-none`,`-m-1 p-1`,e),ref:t,...r}),TabTrigger:({className:e,ref:t,...r})=>B(U,{"data-slot":`code-block-tab-trigger`,className:n(`shrink-0 cursor-pointer rounded px-1.5 py-0.5 font-sans text-xs font-medium whitespace-nowrap`,`text-gray-600 outline-hidden`,`hover:text-gray-900`,`data-[state=active]:bg-neutral-500/15 data-[state=active]:text-strong`,`focus-visible:ring-focus-accent focus-visible:ring-4`,e),ref:t,...r}),Title:we},Z=`var(--shiki-foreground)`;function Q(e){return e.replace(/[&<]/g,e=>e===`&`?`&#x26;`:`&#x3C;`)}function ke(e){return e===` `||e===`	`||e===`
+`||e===`\r`||e===`{`||e===`}`||e===`[`||e===`]`||e===`:`||e===`,`||e===`"`}function Ae(e,t,n){let r=e.length,i=[],a=`"`,o=t+1;for(;o<r;){let t=e[o];if(t===`\\`){let t=e[o+1]===`u`&&/^[0-9a-fA-F]{4}$/.test(e.slice(o+2,o+6))?6:2;a!==``&&(i.push({text:a,isEscape:!1}),a=``),i.push({text:e.slice(o,o+t),isEscape:!0}),o+=t;continue}if(t===`"`){a+=`"`,o+=1;break}a+=t,o+=1}a!==``&&i.push({text:a,isEscape:!1});let s=o;for(;s<r;){let t=e[s];if(t===` `||t===`	`||t===`
+`||t===`\r`){s+=1;continue}break}let c=e[s]===`:`?`var(--shiki-token-keyword)`:`var(--shiki-token-string-expression)`;for(let e of i)n(e.text,e.isEscape?`var(--shiki-token-escape, var(--shiki-token-constant))`:c);return o}function je(e){for(let t=0;t<e.length;t+=1){let n=e[t];if(n!=null&&n.color==null){let r=Z;for(let n=t+1;n<e.length;n+=1){let t=e[n];if(t!=null&&t.color!=null){r=t.color;break}}n.color=r}}let t=``,n=``,r=null,i=()=>{r!=null&&(t+=`<span style="color:${r}">${Q(n)}</span>`),n=``,r=null};for(let t of e)t!=null&&(t.color===r?n+=t.text:(i(),n=t.text,r=t.color));return i(),`<span class="line">${t}</span>`}function $(e){let t=[[]],n=t[0]??[],r=e.length,i=0,a=(e,t)=>{n.push({text:e,color:t})};for(;i<r;){let o=e[i];if(o===`
 `||o===`\r`){o===`\r`&&e[i+1]===`
-`&&(i+=1);let r=[];t.push(r),n=r,i+=1;continue}if(o===` `||o===`	`){let t=i+1;for(;t<r;){let n=e[t];if(n!==` `&&n!==`	`)break;t+=1}a(e.slice(i,t),null),i=t;continue}if(o===`{`||o===`}`||o===`[`||o===`]`){a(o,Q),i+=1;continue}if(o===`:`||o===`,`){a(o,`var(--shiki-token-punctuation)`),i+=1;continue}if(o===`"`){i=De(e,i,a);continue}let s=i+1;for(;s<r&&!Ee(e[s]??``);)s+=1;a(e.slice(i,s),`var(--shiki-token-constant)`),i=s}return t.map(Oe).join(`
-`)}function ke(e){let t=new WeakSet;try{return JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return n.toString();if(typeof n==`object`&&n){if(t.has(n))return`[Circular]`;t.add(n)}return n},2)??``}catch{try{return String(e)}catch{return``}}}function Ae(e,{showLineNumbers:t=!1,foldable:n=!0}={}){let r=ke(e),i=c({html:$(r),foldableRanges:n?E(r):void 0,showLineNumbers:t});return u({language:`json`,code:r,preHtml:i,showLineNumbers:t})}function je(e,t){let n=1;if(n>t)return!0;for(let r=0;r<e.length;r++)if(e[r]===`
-`&&(n+=1,n>t))return!0;return!1}export{we as CodeBlock,h as computeFoldRanges,E as computeJsonFoldRanges,u as createMantleCodeBlockValue,c as decorateHighlightedHtml,w as defaultMeta,V as escapeHtml,D as finalizeFoldRanges,m as foldStrategyFor,je as hasMoreThanNLines,x as inferIndentation,v as isIndentation,_ as isSupportedLanguage,Ae as jsonCodeBlockValue,$ as jsonToShikiHtml,s as mantleCode,p as normalizeIndentation,y as normalizeValue,b as parseCodeBlockHighlightLines,C as parseCodeBlockLineNumberStart,d as parseCodeBlockShowLineNumbers,T as parseLanguage,S as parseMetastring,g as resolvePreRenderedCodeBlockProps,f as supportedLanguages,l as tokenizeMetastring};
+`&&(i+=1);let r=[];t.push(r),n=r,i+=1;continue}if(o===` `||o===`	`){let t=i+1;for(;t<r;){let n=e[t];if(n!==` `&&n!==`	`)break;t+=1}a(e.slice(i,t),null),i=t;continue}if(o===`{`||o===`}`||o===`[`||o===`]`){a(o,Z),i+=1;continue}if(o===`:`||o===`,`){a(o,`var(--shiki-token-punctuation)`),i+=1;continue}if(o===`"`){i=Ae(e,i,a);continue}let s=i+1;for(;s<r&&!ke(e[s]??``);)s+=1;a(e.slice(i,s),`var(--shiki-token-constant)`),i=s}return t.map(je).join(`
+`)}function Me(e){let t=new WeakSet;try{return JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return n.toString();if(typeof n==`object`&&n){if(t.has(n))return`[Circular]`;t.add(n)}return n},2)??``}catch{try{return String(e)}catch{return``}}}function Ne(e,{showLineNumbers:t=!1,foldable:n=!0}={}){let r=Me(e),i=d({html:$(r),foldableRanges:n?k(r):void 0,showLineNumbers:t});return p({language:`json`,code:r,preHtml:i,showLineNumbers:t})}function Pe(e,t){let n=1;if(n>t)return!0;for(let r=0;r<e.length;r++)if(e[r]===`
+`&&(n+=1,n>t))return!0;return!1}export{Oe as CodeBlock,v as computeFoldRanges,k as computeJsonFoldRanges,p as createMantleCodeBlockValue,d as decorateHighlightedHtml,D as defaultMeta,W as escapeHtml,A as finalizeFoldRanges,_ as foldStrategyFor,Pe as hasMoreThanNLines,w as inferIndentation,x as isIndentation,b as isSupportedLanguage,Ne as jsonCodeBlockValue,$ as jsonToShikiHtml,u as mantleCode,g as normalizeIndentation,S as normalizeValue,C as parseCodeBlockHighlightLines,E as parseCodeBlockLineNumberStart,m as parseCodeBlockShowLineNumbers,O as parseLanguage,T as parseMetastring,y as resolvePreRenderedCodeBlockProps,h as supportedLanguages,f as tokenizeMetastring};

package/dist/code-block_highlight-utils.js

@@ -1 +1 @@
-import{_ as e,a as t,c as n,d as r,f as i,g as a,h as o,l as s,m as c,n as l,o as u,p as d,s as f,u as p,v as m,x as h,y as g}from"./code-block-Dj9otiLi.js";export{o as computeFoldRanges,m as computeJsonFoldRanges,e as decorateHighlightedHtml,h as defaultShowLineNumbers,g as finalizeFoldRanges,a as foldStrategyFor,d as inferIndentation,c as isIndentation,s as isSupportedLanguage,i as normalizeIndentation,l as normalizeValue,u as parseCodeBlockHighlightLines,f as parseCodeBlockLineNumberStart,n as parseCodeBlockShowLineNumbers,p as parseLanguage,r as supportedLanguages,t as tokenizeMetastring};
+import{_ as e,a as t,c as n,d as r,f as i,g as a,h as o,l as s,m as c,n as l,o as u,p as d,s as f,u as p,v as m,x as h,y as g}from"./code-block-BE3Q0iAo.js";export{o as computeFoldRanges,m as computeJsonFoldRanges,e as decorateHighlightedHtml,h as defaultShowLineNumbers,g as finalizeFoldRanges,a as foldStrategyFor,d as inferIndentation,c as isIndentation,s as isSupportedLanguage,i as normalizeIndentation,l as normalizeValue,u as parseCodeBlockHighlightLines,f as parseCodeBlockLineNumberStart,n as parseCodeBlockShowLineNumbers,p as parseLanguage,r as supportedLanguages,t as tokenizeMetastring};

package/dist/code.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DpNWVci8.js";import{jsx as n}from"react/jsx-runtime";const r=({asChild:r,className:i,ref:a,...o})=>n(r?t:`code`,{ref:a,"data-slot":`code`,className:e(`border-gray-500/15 rounded-md border bg-gray-500/5 px-1 font-mono text-[0.8em]`,i),translate:`no`,...o});export{r as Code};
+import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./slot-C3gII_9c.js";import{jsx as n}from"react/jsx-runtime";const r=({asChild:r,className:i,ref:a,...o})=>n(r?t:`code`,{ref:a,"data-slot":`code`,className:e(`border-gray-500/15 rounded-md border bg-gray-500/5 px-1 font-mono text-[0.8em]`,i),translate:`no`,...o});export{r as Code};

package/dist/combobox.d.ts

@@ -1,6 +1,6 @@
 import { n as WithAsChild } from "./as-child-D23mGo4f.js";
 import { o as WithValidation } from "./field-7QeiTFwl.js";
-import { n as Separator } from "./separator-CNDs98Dv.js";
+import { n as Separator } from "./separator-Bo4nY_3M.js";
 import { ComponentProps } from "react";
 import * as Primitive from "@ariakit/react";
 //#region src/components/combobox/combobox.d.ts
@@ -292,6 +292,10 @@ declare const Combobox: {
   /**
    * Renders a group for Combobox.Item elements.
    *
+   * Optionally, render a Combobox.GroupLabel as a child to label the group.
+   *
+   * You should only reach for this component when it semantically makes sense to group items together, such as when a label is needed.
+   *
    * @see https://mantle.ngrok.com/components/forms/combobox#comboboxgroup
    *
    * @example
@@ -312,6 +316,10 @@ declare const Combobox: {
   /**
    * Renders a label in a combobox group.
    *
+   * This component should be wrapped with Combobox.Group so the aria-labelledby is correctly set on the group element.
+   *
+   * You should only reach for this component when it semantically makes sense to group items together, such as when a label is needed.
+   *
    * @see https://mantle.ngrok.com/components/forms/combobox#comboboxgrouplabel
    *
    * @example
@@ -365,7 +373,16 @@ declare const Combobox: {
    */
   readonly Item: typeof Item;
   /**
-   * Highlights the match between the current Combobox.Input value and parent Combobox.Item value.
+   * Highlights the match between the current Combobox.Input value (userValue) and parent Combobox.Item value.
+   *
+   * Renders a span element with the combobox item value as children.
+   * The value is split into span elements.
+   * Portions of the value matching the user input will have a data-user-value attribute, while the rest will have a data-autocomplete-value attribute.
+   *
+   * Should only be used as a child of Combobox.Item.
+   * The item value is automatically set to the value of the closest Combobox.Item component's value prop.
+   * The user input value is automatically set to the combobox store's value state.
+   * Passing `value` or `userValue` overrides them, respectively.
    *
    * @see https://mantle.ngrok.com/components/forms/combobox#comboboxitemvalue
    *

package/dist/combobox.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./slot-DpNWVci8.js";import{a as n,r}from"./field-Bpptk_9t.js";import{n as i}from"./separator-D0D6VyyM.js";import{createContext as a}from"react";import{jsx as o}from"react/jsx-runtime";import*as s from"@ariakit/react";const c=({children:e,...t})=>o(s.ComboboxProvider,{...t,children:e}),l=({"aria-invalid":t,autoComplete:i=`list`,autoSelect:a=`always`,className:c,ref:l,validation:u,...d})=>{let f=n(),{ariaInvalid:p,validation:m}=r({"aria-invalid":t,validation:u??f});return o(s.Combobox,{"aria-invalid":p,autoComplete:i,autoSelect:a,"data-slot":`combobox-input`,className:e(`pointer-coarse:text-base h-9 text-sm`,`bg-form relative block w-full rounded-md border px-3 py-2 border-form text-strong font-sans`,`placeholder:text-placeholder`,`aria-disabled:opacity-50`,`hover:border-neutral-400`,`focus:outline-hidden focus:ring-4 aria-expanded:ring-4`,`focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent`,`data-validation-success:border-success-600 data-validation-success:focus:border-success-600 data-validation-success:focus:ring-focus-success data-validation-success:aria-expanded:border-success-600 data-validation-success:aria-expanded:ring-focus-success`,`data-validation-warning:border-warning-600 data-validation-warning:focus:border-warning-600 data-validation-warning:focus:ring-focus-warning data-validation-warning:aria-expanded:border-warning-600 data-validation-warning:aria-expanded:ring-focus-warning`,`data-validation-error:border-danger-600 data-validation-error:focus:border-danger-600 data-validation-error:focus:ring-focus-danger data-validation-error:aria-expanded:border-danger-600 data-validation-error:aria-expanded:ring-focus-danger`,`autofill:shadow-(--color-blue-50) autofill:bg-blue-50 autofill:[-webkit-text-fill-color:var(--text-color-strong)]`,c),"data-validation":m||void 0,ref:l,...d})},u=({asChild:n=!1,children:r,className:i,ref:a,sameWidth:c=!0,unmountOnHide:l=!0,...u})=>o(s.ComboboxPopover,{"data-slot":`combobox-content`,className:e(`border-popover bg-popover relative z-50 max-h-96 min-w-32 scrollbar overflow-y-scroll overflow-x-hidden rounded-md border shadow-md p-1 my-2 space-y-px font-sans focus:outline-hidden`,i),ref:a,render:n?({ref:e,...n})=>o(t,{ref:e,...n}):void 0,sameWidth:c,unmountOnHide:l,...u,children:r}),d=a(void 0),f={Root:c,Content:u,Group:({asChild:n=!1,children:r,className:i,ref:a,...c})=>o(s.ComboboxGroup,{"data-slot":`combobox-group`,className:e(`space-y-px`,i),ref:a,render:n?({ref:e,...n})=>o(t,{ref:e,...n}):void 0,...c,children:r}),GroupLabel:({asChild:n=!1,children:r,className:i,ref:a,...c})=>o(s.ComboboxGroupLabel,{"data-slot":`combobox-group-label`,className:e(`text-muted px-2 py-1 text-xs font-medium`,i),ref:a,render:n?({ref:e,...n})=>o(t,{ref:e,...n}):void 0,...c,children:r}),Input:l,Item:({asChild:n=!1,children:r,className:i,focusOnHover:a=!0,ref:c,value:l,...u})=>o(d.Provider,{value:l,children:o(s.ComboboxItem,{"data-slot":`combobox-item`,className:e(`cursor-pointer rounded-md px-2 py-1.5 text-strong text-sm flex min-w-0 gap-2 items-center [&>svg]:size-5 [&_svg]:shrink-0`,`data-active-item:bg-active-menu-item`,`aria-disabled:opacity-50`,i),focusOnHover:a,ref:c,render:n?({ref:e,...n})=>o(t,{ref:e,...n}):void 0,value:l,...u,children:r})}),ItemValue:({asChild:n=!1,className:r,ref:i,...a})=>o(s.ComboboxItemValue,{"data-slot":`combobox-item-value`,className:e(`*:data-user-value:font-medium flex-1 shrink-0 text-strong font-normal`,r),ref:i,render:n?({ref:e,...n})=>o(t,{ref:e,...n}):void 0,...a}),Separator:({className:t,ref:n,...r})=>o(i,{ref:n,"data-slot":`combobox-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...r})};export{f as Combobox};
+import{t as e}from"./cx-0HCjnNv1.js";import{t}from"./slot-C3gII_9c.js";import{a as n,r}from"./field-Bpptk_9t.js";import{n as i}from"./separator-Da8lDnio.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@ariakit/react";const s={Root:({children:e,...t})=>a(o.ComboboxProvider,{...t,children:e}),Content:({asChild:n=!1,children:r,className:i,ref:s,sameWidth:c=!0,unmountOnHide:l=!0,...u})=>a(o.ComboboxPopover,{"data-slot":`combobox-content`,className:e(`border-popover bg-popover relative z-50 max-h-96 min-w-32 scrollbar overflow-y-scroll overflow-x-hidden rounded-md border shadow-md p-1 my-2 space-y-px font-sans focus:outline-hidden`,i),ref:s,render:n?({ref:e,...n})=>a(t,{ref:e,...n}):void 0,sameWidth:c,unmountOnHide:l,...u,children:r}),Group:({asChild:n=!1,children:r,className:i,ref:s,...c})=>a(o.ComboboxGroup,{"data-slot":`combobox-group`,className:e(`space-y-px`,i),ref:s,render:n?({ref:e,...n})=>a(t,{ref:e,...n}):void 0,...c,children:r}),GroupLabel:({asChild:n=!1,children:r,className:i,ref:s,...c})=>a(o.ComboboxGroupLabel,{"data-slot":`combobox-group-label`,className:e(`text-muted px-2 py-1 text-xs font-medium`,i),ref:s,render:n?({ref:e,...n})=>a(t,{ref:e,...n}):void 0,...c,children:r}),Input:({"aria-invalid":t,autoComplete:i=`list`,autoSelect:s=`always`,className:c,ref:l,validation:u,...d})=>{let f=n(),{ariaInvalid:p,validation:m}=r({"aria-invalid":t,validation:u??f});return a(o.Combobox,{"aria-invalid":p,autoComplete:i,autoSelect:s,"data-slot":`combobox-input`,className:e(`pointer-coarse:text-base h-9 text-sm`,`bg-form relative block w-full rounded-md border px-3 py-2 border-form text-strong font-sans`,`placeholder:text-placeholder`,`aria-disabled:opacity-50`,`hover:border-neutral-400`,`focus:outline-hidden focus:ring-4 aria-expanded:ring-4`,`focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent`,`data-validation-success:border-success-600 data-validation-success:focus:border-success-600 data-validation-success:focus:ring-focus-success data-validation-success:aria-expanded:border-success-600 data-validation-success:aria-expanded:ring-focus-success`,`data-validation-warning:border-warning-600 data-validation-warning:focus:border-warning-600 data-validation-warning:focus:ring-focus-warning data-validation-warning:aria-expanded:border-warning-600 data-validation-warning:aria-expanded:ring-focus-warning`,`data-validation-error:border-danger-600 data-validation-error:focus:border-danger-600 data-validation-error:focus:ring-focus-danger data-validation-error:aria-expanded:border-danger-600 data-validation-error:aria-expanded:ring-focus-danger`,`autofill:shadow-(--color-blue-50) autofill:bg-blue-50 autofill:[-webkit-text-fill-color:var(--text-color-strong)]`,c),"data-validation":m||void 0,ref:l,...d})},Item:({asChild:n=!1,children:r,className:i,focusOnHover:s=!0,ref:c,value:l,...u})=>a(o.ComboboxItem,{"data-slot":`combobox-item`,className:e(`cursor-pointer rounded-md px-2 py-1.5 text-strong text-sm flex min-w-0 gap-2 items-center [&>svg]:size-5 [&_svg]:shrink-0`,`data-active-item:bg-active-menu-item`,`aria-disabled:opacity-50`,i),focusOnHover:s,ref:c,render:n?({ref:e,...n})=>a(t,{ref:e,...n}):void 0,value:l,...u,children:r}),ItemValue:({asChild:n=!1,className:r,ref:i,...s})=>a(o.ComboboxItemValue,{"data-slot":`combobox-item-value`,className:e(`*:data-user-value:font-medium flex-1 shrink-0 text-strong font-normal`,r),ref:i,render:n?({ref:e,...n})=>a(t,{ref:e,...n}):void 0,...s}),Separator:({className:t,ref:n,...r})=>a(i,{ref:n,"data-slot":`combobox-separator`,className:e(`-mx-1.25 my-1 w-auto`,t),...r})};export{s as Combobox};

package/dist/command.d.ts

@@ -1,5 +1,5 @@
 import { t as WithDataSlot } from "./data-slot-CChfb_cv.js";
-import { t as Dialog } from "./dialog-CEk0L7M7.js";
+import { t as Dialog } from "./dialog-CtLI_uex.js";
 import { t as Slot } from "./slot-DdgxmuI5.js";
 import { ComponentProps, ComponentPropsWithoutRef, ReactElement, ReactNode, Ref } from "react";
 import { Command as Command$1, useCommandState } from "cmdk";
@@ -228,7 +228,7 @@ type CommandDialogRootProps = Omit<ComponentProps<typeof Dialog.Root>, "children
   open?: boolean;
 };
 /**
- * The state owner for a command palette. Renders no DOM of its own — it owns
+ * The state owner for a command palette. Renders no DOM of its own; it owns
  * the open state, the query text, and the `⌘K` shortcut, and carries them to
  * every part below through `useCommandDialog()`.
  *
@@ -447,6 +447,11 @@ declare const CommandList: ({ className, ...props }: ComponentProps<typeof Comma
 /**
  * The empty-state message; it renders only when no item matches the query.
  *
+ * It renders nothing in the server HTML and in the hydration pass. Items
+ * register with cmdk in a layout effect, which never runs on the server, so the
+ * server counts zero matches for every list. A palette with no items shows its
+ * empty state one render after hydration.
+ *
  * @see https://mantle.ngrok.com/components/navigation/command#commandempty
  *
  * @example
@@ -476,7 +481,7 @@ declare const CommandList: ({ className, ...props }: ComponentProps<typeof Comma
  * </Command.DialogRoot>
  * ```
  */
-declare const CommandEmpty: ({ className, ...props }: ComponentProps<typeof Command$1.Empty>) => import("react").JSX.Element;
+declare const CommandEmpty: ({ className, ...props }: ComponentProps<typeof Command$1.Empty>) => import("react").JSX.Element | null;
 /**
  * A labeled section of items; the `heading` prop names it.
  *
@@ -577,7 +582,8 @@ declare const CommandSeparator: ({ className, ...props }: ComponentProps<typeof
  */
 declare const CommandItem: ({ className, ...props }: ComponentProps<typeof Command$1.Item>) => import("react").JSX.Element;
 /**
- * The keyboard hint for a `Command.Item`, aligned to the end of the row.
+ * The keyboard hint for a `Command.Item`, aligned to the end of the row. It
+ * locks `translate="no"`: a translated shortcut key names the wrong key.
  *
  * @see https://mantle.ngrok.com/components/navigation/command#commandshortcut
  *
@@ -608,7 +614,7 @@ declare const CommandItem: ({ className, ...props }: ComponentProps<typeof Comma
  * </Command.DialogRoot>
  * ```
  */
-declare const CommandShortcut: ({ className, ...props }: ComponentProps<"span">) => import("react").JSX.Element;
+declare const CommandShortcut: ({ className, ...props }: Omit<ComponentProps<"span">, "translate">) => import("react").JSX.Element;
 /**
  * A command palette: a modal search field over a filtered, keyboard-navigable
  * list of items. `Command.SearchTrigger` is the field-shaped button that opens
@@ -703,8 +709,9 @@ declare const Command: {
    */
   readonly Root: typeof CommandRoot;
   /**
-   * The state owner for the Command dialog. Owns the open state, the query
-   * text, and the `⌘K` shortcut, and renders no DOM of its own.
+   * The state owner for a command palette. Renders no DOM of its own; it owns
+   * the open state, the query text, and the `⌘K` shortcut, and carries them to
+   * every part below through `useCommandDialog()`.
    *
    * @see https://mantle.ngrok.com/components/navigation/command#commanddialogroot
    *
@@ -737,8 +744,11 @@ declare const Command: {
    */
   readonly DialogRoot: typeof CommandDialogRoot;
   /**
-   * A button shaped like an `Input` that opens the palette, with the `⌘K` hint
-   * and keystroke/paste forwarding.
+   * Makes any control behave like a search field that opens the command palette.
+   * It renders no DOM of its own; it clones its child and gives it the wiring,
+   * so **presentation belongs entirely to the child** and this part never has an
+   * opinion about how the trigger looks or how it behaves in a collapsed sidebar
+   * rail.
    *
    * @see https://mantle.ngrok.com/components/navigation/command#commandsearchtrigger
    *
@@ -811,7 +821,8 @@ declare const Command: {
    */
   readonly DialogTrigger: (props: ComponentProps<import("react").ForwardRefExoticComponent<import("@radix-ui/react-dialog").DialogTriggerProps & import("react").RefAttributes<HTMLButtonElement>>>) => import("react").JSX.Element;
   /**
-   * The visible content of the Command dialog. Renders inside the dialog portal.
+   * The content of the CommandDialog. Renders the accessible title/description,
+   * the command palette UI, and an optional close button.
    *
    * @see https://mantle.ngrok.com/components/navigation/command#commanddialogcontent
    *
@@ -912,6 +923,11 @@ declare const Command: {
   /**
    * The empty-state message; it renders only when no item matches the query.
    *
+   * It renders nothing in the server HTML and in the hydration pass. Items
+   * register with cmdk in a layout effect, which never runs on the server, so the
+   * server counts zero matches for every list. A palette with no items shows its
+   * empty state one render after hydration.
+   *
    * @see https://mantle.ngrok.com/components/navigation/command#commandempty
    *
    * @example
@@ -1009,7 +1025,8 @@ declare const Command: {
    */
   readonly Item: typeof CommandItem;
   /**
-   * The keyboard hint for a `Command.Item`, aligned to the end of the row.
+   * The keyboard hint for a `Command.Item`, aligned to the end of the row. It
+   * locks `translate="no"`: a translated shortcut key names the wrong key.
    *
    * @see https://mantle.ngrok.com/components/navigation/command#commandshortcut
    *
@@ -1174,8 +1191,10 @@ type Props = Omit<ComponentProps<"kbd">, "children">;
 /**
  * Renders the platform-appropriate meta key kbd (⌘ or ⌃).
  *
- * - Initializes to `"⌃"` to avoid SSR mismatch.
- * - Updates on mount, once {@link useIsApplePlatform} has resolved the host.
+ * - Renders `"⌃"` in the server HTML and the hydration render, because the
+ *   server cannot know the platform. React re-renders it once after hydration.
+ * - A client mount after hydration renders the host's glyph in its first
+ *   render, through {@link useIsApplePlatform}.
  *
  * @see https://mantle.ngrok.com/components/navigation/command#metakey
  *

package/dist/command.js

@@ -1 +1 @@
-import{t as e}from"./cx-IiQEAKf5.js";import{t}from"./data-slot-EM6s2WEU.js";import{t as n}from"./slot-DpNWVci8.js";import{n as r}from"./separator-D0D6VyyM.js";import{t as i}from"./dialog-CnlaqHNh.js";import{n as a,t as o}from"./use-is-apple-platform-Cxwrb86L.js";import{t as s}from"./use-callback-ref-IYti9y7x.js";import{t as c}from"./kbd-B9qmYaW8.js";import{createContext as l,useCallback as u,useContext as d,useEffect as f,useMemo as p,useRef as m,useState as h}from"react";import g from"tiny-invariant";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{MagnifyingGlassIcon as y}from"@phosphor-icons/react/MagnifyingGlass";import{Command as b,useCommandState as x}from"cmdk";const S=l(null);function C(){let e=d(S);return g(e,`useCommandDialog must be used within Command.DialogRoot.`),e}function w(){return d(S)}function T(e){let t=d(S);return g(t,`Command.${e} must be rendered inside Command.DialogRoot.`),t}const E=new Set([` `,`Enter`]);function D(e){return e.isComposing||e.key===`Process`||e.keyCode===229?{type:`open`}:e.metaKey||e.ctrlKey||e.altKey||E.has(e.key)?{type:`ignore`}:[...e.key].length===1?{type:`seed`,query:e.key}:{type:`ignore`}}function O(e){let t=(e.clipboardData?.getData(`text/plain`)??``).replace(/\s+/g,` `).trim();return t===``?{type:`open`}:{type:`seed`,query:t}}const k=({"aria-keyshortcuts":e,children:r,"data-slot":a,onKeyDown:s,onPaste:c,...l})=>{let{keyboardShortcut:u,open:d,openWithQuery:f}=T(`SearchTrigger`),p=o(),m=e=>{e.type!==`ignore`&&f(e.type===`seed`?e.query:void 0)},h=p?`Meta+K`:`Control+K`;return _(i.Trigger,{asChild:!0,children:_(n,{...l,"aria-keyshortcuts":e??(u?h:void 0),"data-slot":t(a,`command-search-trigger`),"data-state":d?`open`:`closed`,onKeyDown:e=>{if(s?.(e),e.defaultPrevented)return;let t=D(e.nativeEvent);t.type===`seed`&&e.preventDefault(),m(t)},onPaste:e=>{c?.(e),!e.defaultPrevented&&m(O(e.nativeEvent))},children:r})})},A=[];function j(){let e=Symbol(`command-keyboard-shortcut`);return A.push(e),{isOwner:()=>A[0]===e,release:()=>{let t=A.indexOf(e);t!==-1&&A.splice(t,1)}}}function M(e){return e instanceof HTMLElement?e.isContentEditable||e.tagName===`TEXTAREA`:!1}function N({enabled:e,onTrigger:t}){let n=s(t);f(()=>{if(!e)return;let t=j(),r=a(),i=e=>{if(!t.isOwner()||e.defaultPrevented||e.repeat||M(e.target))return;let i=r?e.metaKey:e.ctrlKey,a=r?e.ctrlKey:e.metaKey;e.key.toLowerCase()===`k`&&i&&!a&&!e.altKey&&!e.shiftKey&&(e.preventDefault(),n())};return window.addEventListener(`keydown`,i),()=>{window.removeEventListener(`keydown`,i),t.release()}},[e,n])}const P=({className:t,...n})=>_(b,{"data-slot":`command`,className:e(`bg-popover flex h-full w-full flex-col overflow-hidden rounded-md`,t),...n}),F={Root:P,DialogRoot:({children:e,defaultOpen:t=!1,keyboardShortcut:n=!0,onOpenChange:r,open:a,...o})=>{let s=a!=null,[c,l]=h(t),d=s?a:c,[f,m]=h(``),g=u((e,t)=>{e&&m(t??``),s||l(e),r?.(e)},[s,r]),v=u(e=>{g(e)},[g]),y=u(e=>{g(!0,e)},[g]),b=u(()=>{g(!d)},[g,d]);N({enabled:n,onTrigger:b});let x=p(()=>({keyboardShortcut:n,open:d,openWithQuery:y,query:f,setOpen:v,setQuery:m,toggle:b}),[n,d,y,f,v,b]);return _(S.Provider,{value:x,children:_(i.Root,{open:d,onOpenChange:v,...o,children:e})})},SearchTrigger:k,DialogTrigger:i.Trigger,DialogContent:({children:t,className:n,description:r=`Search for a command to run...`,filter:a,shouldFilter:o,showCloseButton:s=!0,title:c=`Command Palette`})=>{let l=m(null);return v(i.Content,{ref:l,className:e(`overflow-hidden p-0 relative`,n),onOpenAutoFocus:e=>{let t=l.current?.querySelector(`[data-slot~="command-input"]`);if(!(t instanceof HTMLInputElement)||t.disabled)return;e.preventDefault(),t.focus({preventScroll:!0});let n=t.value.length;t.setSelectionRange(n,n)},children:[v(i.Header,{className:`sr-only absolute`,children:[_(i.Title,{children:c}),_(i.Description,{children:r})]}),_(P,{className:`**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1`,filter:a,shouldFilter:o,children:t}),s&&_(`div`,{className:`absolute top-1.5 right-1.5`,children:_(i.CloseIconButton,{})})]})},Input:({className:n,"data-slot":r,onValueChange:i,ref:a,value:o,...s})=>{let c=w(),l=o!=null,u=l?o:c?.query;return v(`div`,{ref:a,"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b border-popover px-3`,children:[_(y,{className:`size-5 shrink-0 opacity-50`}),_(b.Input,{className:e(`placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,n),onValueChange:e=>{l||c?.setQuery(e),i?.(e)},value:u,...s,"data-slot":t(r,`command-input`)})]})},List:({className:t,...n})=>_(b.List,{"data-slot":`command-list`,className:e(`max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar`,t),...n}),Empty:({className:t,...n})=>_(b.Empty,{"data-slot":`command-empty`,className:e(`py-6 text-center text-sm`,t),...n}),Group:({className:t,...n})=>_(b.Group,{"data-slot":`command-group`,className:e(`[&>[cmdk-group-heading]]:text-muted overflow-hidden p-1 [&>[cmdk-group-heading]]:px-2 [&>[cmdk-group-heading]]:py-1.5 [&>[cmdk-group-heading]]:text-xs [&>[cmdk-group-heading]]:font-medium`,t),...n}),Item:({className:t,...n})=>_(b.Item,{"data-slot":`command-item`,className:e(`data-[selected=true]:bg-active-menu-item [:where(&_svg)]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [:where(&_svg)]:size-5`,t),...n}),Shortcut:({className:t,...n})=>_(`span`,{"data-slot":`command-shortcut`,className:e(`text-muted ml-auto text-xs tracking-widest`,t),...n}),Separator:({className:t,...n})=>_(b.Separator,{"data-slot":`command-separator`,asChild:!0,...n,children:_(r,{className:e(`-mx-1 my-1 w-auto`,t)})})};function I({className:t,...n}){let r=o(),i=r?`⌘`:`⌃`,a=r?`Command`:`Control`;return v(c,{...n,suppressHydrationWarning:!0,"data-slot":`meta-key`,className:e(i===`⌃`&&`font-medium`,t),children:[_(`span`,{className:`sr-only`,children:a}),i]})}export{F as Command,I as MetaKey,D as searchActionFromKeyDown,O as searchActionFromPaste,C as useCommandDialog,x as useCommandState};
+import{t as e}from"./use-isomorphic-layout-effect-DdTRtMY-.js";import{t}from"./cx-0HCjnNv1.js";import{t as n}from"./data-slot-EM6s2WEU.js";import{t as r}from"./slot-C3gII_9c.js";import{t as i}from"./use-is-hydrated-DDCqXmju.js";import{n as a}from"./separator-Da8lDnio.js";import{t as o}from"./dialog-CA-1Z0Np.js";import{n as s,t as c}from"./use-is-apple-platform-CMPzIYjz.js";import{t as l}from"./use-callback-ref-IYti9y7x.js";import{t as u}from"./kbd-4_0Y_8rx.js";import{createContext as d,useCallback as f,useContext as p,useEffect as m,useMemo as h,useRef as g,useState as _}from"react";import v from"tiny-invariant";import{jsx as y,jsxs as b}from"react/jsx-runtime";import{MagnifyingGlassIcon as x}from"@phosphor-icons/react/MagnifyingGlass";import{Command as S,useCommandState as C}from"cmdk";const w=d(null);function T(){let e=p(w);return v(e,`useCommandDialog must be used within Command.DialogRoot.`),e}function E(){return p(w)}function D(e){let t=p(w);return v(t,`Command.${e} must be rendered inside Command.DialogRoot.`),t}const O=new Set([` `,`Enter`]);function k(e){return e.isComposing||e.key===`Process`||e.keyCode===229?{type:`open`}:e.metaKey||e.ctrlKey||e.altKey||O.has(e.key)?{type:`ignore`}:[...e.key].length===1?{type:`seed`,query:e.key}:{type:`ignore`}}function A(e){let t=(e.clipboardData?.getData(`text/plain`)??``).replace(/\s+/g,` `).trim();return t===``?{type:`open`}:{type:`seed`,query:t}}const j=({"aria-keyshortcuts":e,children:t,"data-slot":i,onKeyDown:a,onPaste:s,...l})=>{let{keyboardShortcut:u,open:d,openWithQuery:f}=D(`SearchTrigger`),p=c(),m=e=>{e.type!==`ignore`&&f(e.type===`seed`?e.query:void 0)},h=p?`Meta+K`:`Control+K`;return y(o.Trigger,{asChild:!0,children:y(r,{...l,"aria-keyshortcuts":e??(u?h:void 0),"data-slot":n(i,`command-search-trigger`),"data-state":d?`open`:`closed`,onKeyDown:e=>{if(a?.(e),e.defaultPrevented)return;let t=k(e.nativeEvent);t.type===`seed`&&e.preventDefault(),m(t)},onPaste:e=>{s?.(e),!e.defaultPrevented&&m(A(e.nativeEvent))},children:t})})},M=[];function N(){let e=Symbol(`command-keyboard-shortcut`);return M.push(e),{isOwner:()=>M[0]===e,release:()=>{let t=M.indexOf(e);t!==-1&&M.splice(t,1)}}}function P(e){return e instanceof HTMLElement?e.isContentEditable||e.tagName===`TEXTAREA`:!1}function F({enabled:e,onTrigger:t}){let n=l(t);m(()=>{if(!e)return;let t=N(),r=s(),i=e=>{if(!t.isOwner()||e.defaultPrevented||e.repeat||P(e.target))return;let i=r?e.metaKey:e.ctrlKey,a=r?e.ctrlKey:e.metaKey;e.key.toLowerCase()===`k`&&i&&!a&&!e.altKey&&!e.shiftKey&&(e.preventDefault(),n())};return window.addEventListener(`keydown`,i),()=>{window.removeEventListener(`keydown`,i),t.release()}},[e,n])}const I=({className:e,...n})=>y(S,{"data-slot":`command`,className:t(`bg-popover flex h-full w-full flex-col overflow-hidden rounded-md`,e),...n}),L={Root:I,DialogRoot:({children:t,defaultOpen:n=!1,keyboardShortcut:r=!0,onOpenChange:i,open:a,...s})=>{let c=a!=null,[l,u]=_(n),d=c?a:l,[p,m]=_(``),v=g(i);e(()=>{v.current=i});let b=f((e,t)=>{e&&m(t??``),c||u(e),v.current?.(e)},[c]),x=f(e=>{b(e)},[b]),S=f(e=>{b(!0,e)},[b]),C=f(()=>{b(!d)},[b,d]);F({enabled:r,onTrigger:C});let T=h(()=>({keyboardShortcut:r,open:d,openWithQuery:S,query:p,setOpen:x,setQuery:m,toggle:C}),[r,d,S,p,x,C]);return y(w.Provider,{value:T,children:y(o.Root,{open:d,onOpenChange:x,...s,children:t})})},SearchTrigger:j,DialogTrigger:o.Trigger,DialogContent:({children:e,className:n,description:r=`Search for a command to run...`,filter:i,shouldFilter:a,showCloseButton:s=!0,title:c=`Command Palette`})=>{let l=g(null);return b(o.Content,{ref:l,className:t(`overflow-hidden p-0 relative`,n),onOpenAutoFocus:e=>{let t=l.current?.querySelector(`[data-slot~="command-input"]`);if(!(t instanceof HTMLInputElement)||t.disabled)return;e.preventDefault(),t.focus({preventScroll:!0});let n=t.value.length;t.setSelectionRange(n,n)},children:[b(o.Header,{className:`sr-only absolute`,children:[y(o.Title,{children:c}),y(o.Description,{children:r})]}),y(I,{className:`**:data-[slot=command-input-wrapper]:h-12 **:[[cmdk-input]]:h-12 **:data-[slot=command-group]:px-2 **:data-[slot=command-list]:pb-1`,filter:i,shouldFilter:a,children:e}),s&&y(`div`,{className:`absolute top-1.5 right-1.5`,children:y(o.CloseIconButton,{})})]})},Input:({className:e,"data-slot":r,onValueChange:i,ref:a,value:o,...s})=>{let c=E(),l=o!=null,u=l?o:c?.query;return b(`div`,{ref:a,"data-slot":`command-input-wrapper`,className:`flex h-9 items-center gap-2 border-b border-popover px-3`,children:[y(x,{"aria-hidden":!0,className:`size-5 shrink-0 opacity-50`}),y(S.Input,{className:t(`placeholder:text-muted flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50`,e),onValueChange:e=>{l||c?.setQuery(e),i?.(e)},value:u,...s,"data-slot":n(r,`command-input`)})]})},List:({className:e,...n})=>y(S.List,{"data-slot":`command-list`,className:t(`max-h-75 scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar`,e),...n}),Empty:({className:e,...n})=>i()?y(S.Empty,{"data-slot":`command-empty`,className:t(`py-6 text-center text-sm`,e),...n}):null,Group:({className:e,...n})=>y(S.Group,{"data-slot":`command-group`,className:t(`[&>[cmdk-group-heading]]:text-muted overflow-hidden p-1 [&>[cmdk-group-heading]]:px-2 [&>[cmdk-group-heading]]:py-1.5 [&>[cmdk-group-heading]]:text-xs [&>[cmdk-group-heading]]:font-medium`,e),...n}),Item:({className:e,...n})=>y(S.Item,{"data-slot":`command-item`,className:t(`data-[selected=true]:bg-active-menu-item [:where(&_svg)]:text-muted relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [:where(&_svg)]:size-5`,e),...n}),Shortcut:({className:e,...n})=>y(`span`,{"data-slot":`command-shortcut`,className:t(`text-muted ml-auto text-xs tracking-widest`,e),...n,translate:`no`}),Separator:({className:e,...n})=>y(S.Separator,{"data-slot":`command-separator`,asChild:!0,...n,children:y(a,{className:t(`-mx-1 my-1 w-auto`,e)})})};function R({className:e,...n}){let r=c(),i=r?`⌘`:`⌃`,a=r?`Command`:`Control`;return b(u,{...n,suppressHydrationWarning:!0,"data-slot":`meta-key`,className:t(i===`⌃`&&`font-medium`,e),children:[y(`span`,{className:`sr-only`,children:a}),y(`span`,{"aria-hidden":!0,children:i})]})}export{L as Command,R as MetaKey,k as searchActionFromKeyDown,A as searchActionFromPaste,T as useCommandDialog,C as useCommandState};

package/dist/compose-refs-DdUwopIY.js

@@ -0,0 +1 @@
+import{useCallback as e}from"react";function t(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function n(...e){return n=>{let r=!1,i=e.map(e=>{let i=t(e,n);return typeof i==`function`&&(r=!0),i});if(r)return()=>{for(let n=0;n<i.length;n++){let r=i[n];typeof r==`function`?r():t(e[n],null)}}}}function r(t,r,i){return e(e=>n(t,r,i)(e),[t,r,i])}export{r as n,n as t};