monochrome 0.8.0 → 0.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/react/index.js +1 -1
- package/dist/vue/index.js +1 -1
- package/package.json +1 -1
package/dist/react/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{createContext as A,createElement as l,useContext as k,useId as C}from"react";var R=A(null);function v(){let e=k(R);if(!e)throw Error("Accordion components must be used within Accordion.Item");return e}function j({children:e,type:o,...t}){let n=C();return l("div",{...t,"data-mode":o??"single",id:`mcr:accordion:${n}`},e)}function F({children:e,open:o,disabled:t,...n}){let r=C();return l(R.Provider,{value:{baseId:r,open:o??!1,disabled:t??!1}},l("div",n,e))}function L({children:e,as:o,...t}){return l(o??"h3",t,e)}function O({children:e,...o}){let t=v(),n=t.baseId,r=t.open;return l("button",{...o,type:"button",id:`mct:accordion:${n}`,"aria-expanded":r,"aria-controls":`mcc:accordion:${n}`,"aria-disabled":t.disabled||void 0},e)}function H({children:e,...o}){let t=v(),n=t.baseId,r=t.open;return l("div",{...o,id:`mcc:accordion:${n}`,role:"region","aria-labelledby":`mct:accordion:${n}`,"aria-hidden":!r,hidden:r?void 0:!0},e)}var he={Root:j,Item:F,Header:L,Trigger:O,Panel:H};import{createContext as z,createElement as d,useContext as S,useId as N}from"react";var E=z(null);function h(){let e=S(E);if(!e)throw Error("Collapsible components must be used within Collapsible.Root");return e}function G({children:e,open:o,...t}){let n=N();return d(E.Provider,{value:{baseId:n,open:o??!1}},d("div",t,e))}function q({children:e,...o}){let t=h(),n=t.baseId,r=t.open;return d("button",{...o,type:"button",id:`mct:collapsible:${n}`,"aria-expanded":r,"aria-controls":`mcc:collapsible:${n}`},e)}function D({children:e,...o}){let t=h(),n=t.baseId,r=t.open;return d("div",{...o,id:`mcc:collapsible:${n}`,"aria-labelledby":`mct:collapsible:${n}`,"aria-hidden":!r,hidden:r?void 0:!0},e)}var Be={Root:G,Trigger:q,Panel:D};import{createContext as I,createElement as a,useContext as y,useId as B,useRef as J}from"react";var b=I(null),$=I(null);function x(){let e=y(b);if(!e)throw Error("Menu components must be used within Menu.Root");return e}function K(){let e=y($);if(!e)throw Error("Menu components must be used within Menu.Popover");return e}function Q({children:e,menubar:o,...t}){let n=B();return a(b.Provider,{value:{id:n,root:!0,menubar:o}},a("div",{...t,id:`mcr:menu:${n}`},e))}function U({children:e,...o}){let t=x();return a("button",{...o,type:"button",id:`mct:menu:${t.id}`,"aria-controls":`mcc:menu:${t.id}`,"aria-expanded":"false","aria-haspopup":"menu",tabIndex:t.root||t.first?0:-1,role:t.submenu?"menuitem":"button"},e)}function W({children:e,...o}){let t=x(),n=J(!1);n.current=!1;let r=a($.Provider,{value:{claimFirst:()=>{if(!n.current)return n.current=!0,!0;return!1}}},e);return t.menubar?a("ul",{...o,role:"menubar"},r):a("ul",{...o,role:"menu",id:`mcc:menu:${t.id}`,"aria-labelledby":`mct:menu:${t.id}`,"aria-hidden":"true",popover:"manual"},r)}function X({children:e,disabled:o,href:t,...n}){let r=o?a("span",{...n,role:"menuitem","aria-disabled":"true",tabIndex:-1},e):t?a("a",{...n,role:"menuitem",href:t,tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitem",tabIndex:-1},e);return a("li",{role:"none"},r)}function Y({children:e,checked:o,disabled:t,...n}){let r=t?a("span",{...n,role:"menuitemcheckbox","aria-checked":o??!1,"aria-disabled":"true",tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitemcheckbox","aria-checked":o??!1,tabIndex:-1},e);return a("li",{role:"none"},r)}function Z({children:e,checked:o,disabled:t,...n}){let r=t?a("span",{...n,role:"menuitemradio","aria-checked":o??!1,"aria-disabled":"true",tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitemradio","aria-checked":o??!1,tabIndex:-1},e);return a("li",{role:"none"},r)}function _({children:e,...o}){return a("li",{...o,role:"presentation"},e)}function ee(e){return a("li",{...e,role:"separator"})}function te({children:e,...o}){let t=x(),r=K().claimFirst(),i=B(),s=r&&t.menubar&&!t.submenu;return a(b.Provider,{value:{id:i,submenu:!0,first:s}},a("li",{...o,role:"none"},e))}var Te={Root:Q,Trigger:U,Popover:W,Item:X,CheckboxItem:Y,RadioItem:Z,Label:_,Separator:ee,Group:te};import{createContext as oe,createElement as p,useContext as ne,useId as re}from"react";var g=oe(null);function T(){let e=ne(g);if(!e)throw Error("Popover components must be used within Popover.Root");return e}function ae({children:e,...o}){let t=re();return p(g.Provider,{value:{id:t}},p("div",o,e))}function ie({children:e,...o}){let t=T();return p("button",{...o,type:"button",id:`mct:popover:${t.id}`,"aria-controls":`mcc:popover:${t.id}`,"aria-expanded":"false"},e)}function se({children:e,...o}){let t=T();return p("div",{...o,id:`mcc:popover:${t.id}`,"aria-labelledby":`mct:popover:${t.id}`,"aria-hidden":"true",popover:"manual",tabIndex:-1},e)}var Ve={Root:ae,Trigger:ie,Content:se};import{createContext as ce,createElement as u,useContext as le,useId as ue}from"react";var f=(e,o)=>o?`${e}:${o}`:e;var w=ce(null);function P(){let e=le(w);if(!e)throw Error("Tabs components must be used within Tabs.Root");return e}function de({children:e,defaultValue:o,orientation:t,...n}){let r=ue(),i=t??"horizontal";return u(w.Provider,{value:{baseId:r,selected:o,orientation:i}},u("div",{...n,
|
|
2
|
+
import{createContext as A,createElement as l,useContext as k,useId as C}from"react";var R=A(null);function v(){let e=k(R);if(!e)throw Error("Accordion components must be used within Accordion.Item");return e}function j({children:e,type:o,...t}){let n=C();return l("div",{...t,"data-mode":o??"single",id:`mcr:accordion:${n}`},e)}function F({children:e,open:o,disabled:t,...n}){let r=C();return l(R.Provider,{value:{baseId:r,open:o??!1,disabled:t??!1}},l("div",n,e))}function L({children:e,as:o,...t}){return l(o??"h3",t,e)}function O({children:e,...o}){let t=v(),n=t.baseId,r=t.open;return l("button",{...o,type:"button",id:`mct:accordion:${n}`,"aria-expanded":r,"aria-controls":`mcc:accordion:${n}`,"aria-disabled":t.disabled||void 0},e)}function H({children:e,...o}){let t=v(),n=t.baseId,r=t.open;return l("div",{...o,id:`mcc:accordion:${n}`,role:"region","aria-labelledby":`mct:accordion:${n}`,"aria-hidden":!r,hidden:r?void 0:!0},e)}var he={Root:j,Item:F,Header:L,Trigger:O,Panel:H};import{createContext as z,createElement as d,useContext as S,useId as N}from"react";var E=z(null);function h(){let e=S(E);if(!e)throw Error("Collapsible components must be used within Collapsible.Root");return e}function G({children:e,open:o,...t}){let n=N();return d(E.Provider,{value:{baseId:n,open:o??!1}},d("div",t,e))}function q({children:e,...o}){let t=h(),n=t.baseId,r=t.open;return d("button",{...o,type:"button",id:`mct:collapsible:${n}`,"aria-expanded":r,"aria-controls":`mcc:collapsible:${n}`},e)}function D({children:e,...o}){let t=h(),n=t.baseId,r=t.open;return d("div",{...o,id:`mcc:collapsible:${n}`,"aria-labelledby":`mct:collapsible:${n}`,"aria-hidden":!r,hidden:r?void 0:!0},e)}var Be={Root:G,Trigger:q,Panel:D};import{createContext as I,createElement as a,useContext as y,useId as B,useRef as J}from"react";var b=I(null),$=I(null);function x(){let e=y(b);if(!e)throw Error("Menu components must be used within Menu.Root");return e}function K(){let e=y($);if(!e)throw Error("Menu components must be used within Menu.Popover");return e}function Q({children:e,menubar:o,...t}){let n=B();return a(b.Provider,{value:{id:n,root:!0,menubar:o}},a("div",{...t,id:`mcr:menu:${n}`},e))}function U({children:e,...o}){let t=x();return a("button",{...o,type:"button",id:`mct:menu:${t.id}`,"aria-controls":`mcc:menu:${t.id}`,"aria-expanded":"false","aria-haspopup":"menu",tabIndex:t.root||t.first?0:-1,role:t.submenu?"menuitem":"button"},e)}function W({children:e,...o}){let t=x(),n=J(!1);n.current=!1;let r=a($.Provider,{value:{claimFirst:()=>{if(!n.current)return n.current=!0,!0;return!1}}},e);return t.menubar?a("ul",{...o,role:"menubar"},r):a("ul",{...o,role:"menu",id:`mcc:menu:${t.id}`,"aria-labelledby":`mct:menu:${t.id}`,"aria-hidden":"true",popover:"manual"},r)}function X({children:e,disabled:o,href:t,...n}){let r=o?a("span",{...n,role:"menuitem","aria-disabled":"true",tabIndex:-1},e):t?a("a",{...n,role:"menuitem",href:t,tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitem",tabIndex:-1},e);return a("li",{role:"none"},r)}function Y({children:e,checked:o,disabled:t,...n}){let r=t?a("span",{...n,role:"menuitemcheckbox","aria-checked":o??!1,"aria-disabled":"true",tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitemcheckbox","aria-checked":o??!1,tabIndex:-1},e);return a("li",{role:"none"},r)}function Z({children:e,checked:o,disabled:t,...n}){let r=t?a("span",{...n,role:"menuitemradio","aria-checked":o??!1,"aria-disabled":"true",tabIndex:-1},e):a("button",{...n,type:"button",role:"menuitemradio","aria-checked":o??!1,tabIndex:-1},e);return a("li",{role:"none"},r)}function _({children:e,...o}){return a("li",{...o,role:"presentation"},e)}function ee(e){return a("li",{...e,role:"separator"})}function te({children:e,...o}){let t=x(),r=K().claimFirst(),i=B(),s=r&&t.menubar&&!t.submenu;return a(b.Provider,{value:{id:i,submenu:!0,first:s}},a("li",{...o,role:"none"},e))}var Te={Root:Q,Trigger:U,Popover:W,Item:X,CheckboxItem:Y,RadioItem:Z,Label:_,Separator:ee,Group:te};import{createContext as oe,createElement as p,useContext as ne,useId as re}from"react";var g=oe(null);function T(){let e=ne(g);if(!e)throw Error("Popover components must be used within Popover.Root");return e}function ae({children:e,...o}){let t=re();return p(g.Provider,{value:{id:t}},p("div",o,e))}function ie({children:e,...o}){let t=T();return p("button",{...o,type:"button",id:`mct:popover:${t.id}`,"aria-controls":`mcc:popover:${t.id}`,"aria-expanded":"false"},e)}function se({children:e,...o}){let t=T();return p("div",{...o,id:`mcc:popover:${t.id}`,"aria-labelledby":`mct:popover:${t.id}`,"aria-hidden":"true",popover:"manual",tabIndex:-1},e)}var Ve={Root:ae,Trigger:ie,Content:se};import{createContext as ce,createElement as u,useContext as le,useId as ue}from"react";var f=(e,o)=>o?`${e}:${o}`:e;var w=ce(null);function P(){let e=le(w);if(!e)throw Error("Tabs components must be used within Tabs.Root");return e}function de({children:e,defaultValue:o,orientation:t,...n}){let r=ue(),i=t??"horizontal";return u(w.Provider,{value:{baseId:r,selected:o,orientation:i}},u("div",{...n,id:`mcr:tabs:${r}`},e))}function pe({children:e,...o}){let t=P();return u("div",{...o,role:"tablist","aria-orientation":t.orientation},e)}function me({children:e,value:o,selected:t,disabled:n,...r}){let i=P(),s=f(i.baseId,o),c=t??o===i.selected;return u("button",{...r,type:"button",role:"tab",id:`mct:tabs:${s}`,"aria-selected":c,"aria-controls":`mcc:tabs:${s}`,tabIndex:c?0:-1,"aria-disabled":n||void 0},e)}function be({children:e,value:o,selected:t,focusable:n=!0,...r}){let i=P(),s=f(i.baseId,o),c=t??o===i.selected;return u("div",{...r,role:"tabpanel",id:`mcc:tabs:${s}`,"aria-labelledby":`mct:tabs:${s}`,"aria-hidden":!c,hidden:c?void 0:!0,tabIndex:n?c?0:-1:void 0},e)}var Le={Root:de,List:pe,Tab:me,Panel:be};import{createContext as xe,createElement as m,useContext as fe,useId as Pe}from"react";var M=xe(null);function V(){let e=fe(M);if(!e)throw Error("Tooltip components must be used within Tooltip.Root");return e}function Ce({children:e,...o}){let t=Pe();return m(M.Provider,{value:{id:t}},m("div",o,e))}function Re({children:e,...o}){let t=V();return m("button",{...o,type:"button",id:`mct:tooltip:${t.id}`,"aria-describedby":`mcc:tooltip:${t.id}`},e)}function ve({children:e,...o}){let t=V();return m("div",{...o,id:`mcc:tooltip:${t.id}`,role:"tooltip",popover:"manual"},e)}var ze={Root:Ce,Trigger:Re,Content:ve};export{ze as Tooltip,Le as Tabs,Ve as Popover,Te as Menu,Be as Collapsible,he as Accordion};
|
package/dist/vue/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defineComponent as c,h as s,provide as R,reactive as q,toRef as S,useId as M}from"vue";import{inject as A}from"vue";function n(o,t){let e=A(o);if(!e)throw Error(`${t} must be used within its parent provider`);return e}var I=(o,t)=>t?`${o}:${t}`:o,p=Symbol("CollapsibleContext"),b=Symbol("AccordionContext"),u=Symbol("TabsContext"),d=Symbol("MenuContext"),g=Symbol("MenuPopupContext"),m=Symbol("PopoverContext"),f=Symbol("TooltipContext");var F=c({props:{type:{type:String,default:"single"}},setup(o,{slots:t}){let e=M();return()=>s("div",{"data-mode":o.type,id:`mcr:accordion:${e}`},t.default?.())}}),L=c({props:{open:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(o,{slots:t}){let e=M();return R(b,q({baseId:e,open:S(o,"open"),disabled:S(o,"disabled")})),()=>s("div",null,t.default?.())}}),w=c({props:{as:{type:String,default:"h3"}},setup(o,{slots:t}){return()=>s(o.as,null,t.default?.())}}),z=c({setup(o,{slots:t}){let e=n(b,"Accordion.Trigger/Panel");return()=>s("button",{type:"button",id:`mct:accordion:${e.baseId}`,"aria-expanded":e.open,"aria-controls":`mcc:accordion:${e.baseId}`,"aria-disabled":e.disabled||void 0},t.default?.())}}),G=c({setup(o,{slots:t}){let e=n(b,"Accordion.Trigger/Panel");return()=>s("div",{id:`mcc:accordion:${e.baseId}`,role:"region","aria-labelledby":`mct:accordion:${e.baseId}`,"aria-hidden":!e.open,hidden:e.open?void 0:!0},t.default?.())}}),Me={Root:F,Item:L,Header:w,Trigger:z,Panel:G};import{defineComponent as C,h,provide as V,reactive as E,toRef as H,useId as U}from"vue";var D=C({props:{open:{type:Boolean,default:!1}},setup(o,{slots:t}){let e=U();return V(p,E({baseId:e,open:H(o,"open")})),()=>h("div",null,t.default?.())}}),J=C({setup(o,{slots:t}){let e=n(p,"Collapsible.Trigger/Panel");return()=>h("button",{type:"button",id:`mct:collapsible:${e.baseId}`,"aria-expanded":e.open,"aria-controls":`mcc:collapsible:${e.baseId}`},t.default?.())}}),N=C({setup(o,{slots:t}){let e=n(p,"Collapsible.Trigger/Panel");return()=>h("div",{id:`mcc:collapsible:${e.baseId}`,"aria-labelledby":`mct:collapsible:${e.baseId}`,"aria-hidden":!e.open,hidden:e.open?void 0:!0},t.default?.())}}),Ae={Root:D,Trigger:J,Panel:N};import{defineComponent as i,h as r,onBeforeUpdate as O,provide as T,reactive as Q,ref as W,toRef as X,useId as _}from"vue";var Y=i({props:{menubar:Boolean},setup(o,{slots:t}){let e=_();return T(d,Q({id:e,root:!0,menubar:X(o,"menubar")})),()=>r("div",{id:`mcr:menu:${e}`},t.default?.())}}),Z=i({setup(o,{slots:t}){let e=n(d,"Menu.Trigger");return()=>r("button",{type:"button",id:`mct:menu:${e.id}`,"aria-controls":`mcc:menu:${e.id}`,"aria-expanded":"false","aria-haspopup":"menu",tabindex:e.root||e.first?0:-1,role:e.submenu?"menuitem":"button"},t.default?.())}}),ee=i({setup(o,{slots:t}){let e=n(d,"Menu.Popover"),a=W(!1);return O(()=>{a.value=!1}),T(g,{claimFirst:()=>{if(!a.value)return a.value=!0,!0;return!1}}),()=>e.menubar?r("ul",{role:"menubar"},t.default?.()):r("ul",{role:"menu",id:`mcc:menu:${e.id}`,"aria-labelledby":`mct:menu:${e.id}`,"aria-hidden":"true",popover:"manual"},t.default?.())}}),te=i({inheritAttrs:!1,props:{disabled:Boolean,href:String},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitem","aria-disabled":"true",tabindex:-1},t.default?.()):o.href?r("a",{...e,role:"menuitem",href:o.href,tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitem",tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),oe=i({inheritAttrs:!1,props:{checked:{type:Boolean,default:!1},disabled:Boolean},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitemcheckbox","aria-checked":o.checked,"aria-disabled":"true",tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitemcheckbox","aria-checked":o.checked,tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),ne=i({inheritAttrs:!1,props:{checked:{type:Boolean,default:!1},disabled:Boolean},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitemradio","aria-checked":o.checked,"aria-disabled":"true",tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitemradio","aria-checked":o.checked,tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),re=i({setup(o,{slots:t}){return()=>r("li",{role:"presentation"},t.default?.())}}),ae=i({setup(){return()=>r("li",{role:"separator"})}}),ie=i({setup(o,{slots:t}){let e=n(d,"Menu.Group"),l=n(g,"Menu.Group").claimFirst(),B=_(),k=l&&e.menubar&&!e.submenu;return T(d,{id:B,submenu:!0,first:k}),()=>r("li",{role:"none"},t.default?.())}}),Le={Root:Y,Trigger:Z,Popover:ee,Item:te,CheckboxItem:oe,RadioItem:ne,Label:re,Separator:ae,Group:ie};import{defineComponent as $,h as P,provide as le,useId as de}from"vue";var ue=$({setup(o,{slots:t}){let e=de();return le(m,{id:e}),()=>P("div",null,t.default?.())}}),ce=$({setup(o,{slots:t}){let e=n(m,"Popover.Trigger");return()=>P("button",{type:"button",id:`mct:popover:${e.id}`,"aria-controls":`mcc:popover:${e.id}`,"aria-expanded":"false"},t.default?.())}}),se=$({setup(o,{slots:t}){let e=n(m,"Popover.Content");return()=>P("div",{id:`mcc:popover:${e.id}`,"aria-labelledby":`mct:popover:${e.id}`,"aria-hidden":"true",popover:"manual",tabindex:-1},t.default?.())}}),Ve={Root:ue,Trigger:ce,Content:se};import{computed as x,defineComponent as y,h as v,provide as pe,reactive as be,toRef as me,useId as fe}from"vue";var xe=y({props:{defaultValue:{type:String,required:!0},orientation:{type:String,default:"horizontal"}},setup(o,{slots:t}){let e=fe();return pe(u,be({baseId:e,selected:o.defaultValue,orientation:me(o,"orientation")})),()=>v("div",{
|
|
1
|
+
import{defineComponent as c,h as s,provide as R,reactive as q,toRef as S,useId as M}from"vue";import{inject as A}from"vue";function n(o,t){let e=A(o);if(!e)throw Error(`${t} must be used within its parent provider`);return e}var I=(o,t)=>t?`${o}:${t}`:o,p=Symbol("CollapsibleContext"),b=Symbol("AccordionContext"),u=Symbol("TabsContext"),d=Symbol("MenuContext"),g=Symbol("MenuPopupContext"),m=Symbol("PopoverContext"),f=Symbol("TooltipContext");var F=c({props:{type:{type:String,default:"single"}},setup(o,{slots:t}){let e=M();return()=>s("div",{"data-mode":o.type,id:`mcr:accordion:${e}`},t.default?.())}}),L=c({props:{open:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},setup(o,{slots:t}){let e=M();return R(b,q({baseId:e,open:S(o,"open"),disabled:S(o,"disabled")})),()=>s("div",null,t.default?.())}}),w=c({props:{as:{type:String,default:"h3"}},setup(o,{slots:t}){return()=>s(o.as,null,t.default?.())}}),z=c({setup(o,{slots:t}){let e=n(b,"Accordion.Trigger/Panel");return()=>s("button",{type:"button",id:`mct:accordion:${e.baseId}`,"aria-expanded":e.open,"aria-controls":`mcc:accordion:${e.baseId}`,"aria-disabled":e.disabled||void 0},t.default?.())}}),G=c({setup(o,{slots:t}){let e=n(b,"Accordion.Trigger/Panel");return()=>s("div",{id:`mcc:accordion:${e.baseId}`,role:"region","aria-labelledby":`mct:accordion:${e.baseId}`,"aria-hidden":!e.open,hidden:e.open?void 0:!0},t.default?.())}}),Me={Root:F,Item:L,Header:w,Trigger:z,Panel:G};import{defineComponent as C,h,provide as V,reactive as E,toRef as H,useId as U}from"vue";var D=C({props:{open:{type:Boolean,default:!1}},setup(o,{slots:t}){let e=U();return V(p,E({baseId:e,open:H(o,"open")})),()=>h("div",null,t.default?.())}}),J=C({setup(o,{slots:t}){let e=n(p,"Collapsible.Trigger/Panel");return()=>h("button",{type:"button",id:`mct:collapsible:${e.baseId}`,"aria-expanded":e.open,"aria-controls":`mcc:collapsible:${e.baseId}`},t.default?.())}}),N=C({setup(o,{slots:t}){let e=n(p,"Collapsible.Trigger/Panel");return()=>h("div",{id:`mcc:collapsible:${e.baseId}`,"aria-labelledby":`mct:collapsible:${e.baseId}`,"aria-hidden":!e.open,hidden:e.open?void 0:!0},t.default?.())}}),Ae={Root:D,Trigger:J,Panel:N};import{defineComponent as i,h as r,onBeforeUpdate as O,provide as T,reactive as Q,ref as W,toRef as X,useId as _}from"vue";var Y=i({props:{menubar:Boolean},setup(o,{slots:t}){let e=_();return T(d,Q({id:e,root:!0,menubar:X(o,"menubar")})),()=>r("div",{id:`mcr:menu:${e}`},t.default?.())}}),Z=i({setup(o,{slots:t}){let e=n(d,"Menu.Trigger");return()=>r("button",{type:"button",id:`mct:menu:${e.id}`,"aria-controls":`mcc:menu:${e.id}`,"aria-expanded":"false","aria-haspopup":"menu",tabindex:e.root||e.first?0:-1,role:e.submenu?"menuitem":"button"},t.default?.())}}),ee=i({setup(o,{slots:t}){let e=n(d,"Menu.Popover"),a=W(!1);return O(()=>{a.value=!1}),T(g,{claimFirst:()=>{if(!a.value)return a.value=!0,!0;return!1}}),()=>e.menubar?r("ul",{role:"menubar"},t.default?.()):r("ul",{role:"menu",id:`mcc:menu:${e.id}`,"aria-labelledby":`mct:menu:${e.id}`,"aria-hidden":"true",popover:"manual"},t.default?.())}}),te=i({inheritAttrs:!1,props:{disabled:Boolean,href:String},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitem","aria-disabled":"true",tabindex:-1},t.default?.()):o.href?r("a",{...e,role:"menuitem",href:o.href,tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitem",tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),oe=i({inheritAttrs:!1,props:{checked:{type:Boolean,default:!1},disabled:Boolean},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitemcheckbox","aria-checked":o.checked,"aria-disabled":"true",tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitemcheckbox","aria-checked":o.checked,tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),ne=i({inheritAttrs:!1,props:{checked:{type:Boolean,default:!1},disabled:Boolean},setup(o,{slots:t,attrs:e}){return()=>{let a=o.disabled?r("span",{...e,role:"menuitemradio","aria-checked":o.checked,"aria-disabled":"true",tabindex:-1},t.default?.()):r("button",{...e,type:"button",role:"menuitemradio","aria-checked":o.checked,tabindex:-1},t.default?.());return r("li",{role:"none"},[a])}}}),re=i({setup(o,{slots:t}){return()=>r("li",{role:"presentation"},t.default?.())}}),ae=i({setup(){return()=>r("li",{role:"separator"})}}),ie=i({setup(o,{slots:t}){let e=n(d,"Menu.Group"),l=n(g,"Menu.Group").claimFirst(),B=_(),k=l&&e.menubar&&!e.submenu;return T(d,{id:B,submenu:!0,first:k}),()=>r("li",{role:"none"},t.default?.())}}),Le={Root:Y,Trigger:Z,Popover:ee,Item:te,CheckboxItem:oe,RadioItem:ne,Label:re,Separator:ae,Group:ie};import{defineComponent as $,h as P,provide as le,useId as de}from"vue";var ue=$({setup(o,{slots:t}){let e=de();return le(m,{id:e}),()=>P("div",null,t.default?.())}}),ce=$({setup(o,{slots:t}){let e=n(m,"Popover.Trigger");return()=>P("button",{type:"button",id:`mct:popover:${e.id}`,"aria-controls":`mcc:popover:${e.id}`,"aria-expanded":"false"},t.default?.())}}),se=$({setup(o,{slots:t}){let e=n(m,"Popover.Content");return()=>P("div",{id:`mcc:popover:${e.id}`,"aria-labelledby":`mct:popover:${e.id}`,"aria-hidden":"true",popover:"manual",tabindex:-1},t.default?.())}}),Ve={Root:ue,Trigger:ce,Content:se};import{computed as x,defineComponent as y,h as v,provide as pe,reactive as be,toRef as me,useId as fe}from"vue";var xe=y({props:{defaultValue:{type:String,required:!0},orientation:{type:String,default:"horizontal"}},setup(o,{slots:t}){let e=fe();return pe(u,be({baseId:e,selected:o.defaultValue,orientation:me(o,"orientation")})),()=>v("div",{id:`mcr:tabs:${e}`},t.default?.())}}),ye=y({setup(o,{slots:t}){let e=n(u,"Tabs.List/Tab/Panel");return()=>v("div",{role:"tablist","aria-orientation":e.orientation},t.default?.())}}),ve=y({props:{value:{type:String,required:!0},selected:{type:[Boolean,null],default:null},disabled:Boolean},setup(o,{slots:t}){let e=n(u,"Tabs.List/Tab/Panel"),a=x(()=>I(e.baseId,o.value)),l=x(()=>o.selected!==null?o.selected:o.value===e.selected);return()=>v("button",{type:"button",role:"tab",id:`mct:tabs:${a.value}`,"aria-selected":l.value,"aria-controls":`mcc:tabs:${a.value}`,tabindex:l.value?0:-1,"aria-disabled":o.disabled||void 0},t.default?.())}}),Ie=y({props:{value:{type:String,required:!0},selected:{type:[Boolean,null],default:null},focusable:{type:Boolean,default:!0}},setup(o,{slots:t}){let e=n(u,"Tabs.List/Tab/Panel"),a=x(()=>I(e.baseId,o.value)),l=x(()=>o.selected!==null?o.selected:o.value===e.selected);return()=>v("div",{role:"tabpanel",id:`mcc:tabs:${a.value}`,"aria-labelledby":`mct:tabs:${a.value}`,"aria-hidden":!l.value,hidden:l.value?void 0:!0,tabindex:o.focusable?l.value?0:-1:void 0},t.default?.())}}),De={Root:xe,List:ye,Tab:ve,Panel:Ie};import{defineComponent as K,h as j,provide as ge,useId as Ce}from"vue";var he=K({setup(o,{slots:t}){let e=Ce();return ge(f,{id:e}),()=>j("div",null,t.default?.())}}),Te=K({setup(o,{slots:t}){let e=n(f,"Tooltip.Trigger");return()=>j("button",{type:"button",id:`mct:tooltip:${e.id}`,"aria-describedby":`mcc:tooltip:${e.id}`},t.default?.())}}),$e=K({setup(o,{slots:t}){let e=n(f,"Tooltip.Content");return()=>j("div",{id:`mcc:tooltip:${e.id}`,role:"tooltip",popover:"manual"},t.default?.())}}),Qe={Root:he,Trigger:Te,Content:$e};export{Qe as Tooltip,De as Tabs,Ve as Popover,Le as Menu,Ae as Collapsible,Me as Accordion};
|